js使用DOM设置单选按钮、复选框及下拉菜单的方法
本文实例讲述了js使用DOM设置单选按钮、复选框及下拉菜单的方法。分享给大家供大家参考。具体实现方法如下:
1.设置单选按钮
单选按钮在表单中即<inputtype="radio"/>它是一组供用户选择的对象,但每次只能选一个。每一个都有checked属性,当一项选择为ture时,其它的都变为false.
先贴上一个例子:
<scripttype="text/javascript"> functiongetChoice(){ varoForm=document.forms["uForm1"]; varaChoices=oForm.camera; for(i=0;i<aChoices.length;i++)//遍历整个单选项表 if(aChoices[i].checked)//如果发现了被选中项则退出 break; alert("相机品牌是:"+aChoices[i].value); }
functionsetChoice(iNum){ varoForm=document.forms["uForm1"]; oForm.camera[iNum].checked=true; } </script> <formmethod="post"name="uForm1"action="addInfo.aspx"> 相机品牌: <p> <inputtype="radio"name="camera"id="canon"value="Canon"> <labelfor="canon">Canon</label> </p> <p> <inputtype="radio"name="camera"id="nikon"value="Nikon"> <labelfor="nikon">Nikon</label> </p> <p> <inputtype="radio"name="camera"id="sony"value="Sony"checked> <labelfor="sony">Sony</label> </p> <p> <inputtype="radio"name="camera"id="olympus"value="Olympus"> <labelfor="olympus">Olympus</label> </p> <p> <inputtype="radio"name="camera"id="samsung"value="Samsung"> <labelfor="samsung">Samsung</label> </p> <p> <inputtype="radio"name="camera"id="pentax"value="Pentax"> <labelfor="pentax">Pentax</label> </p> <p> <inputtype="radio"name="camera"id="others"value="其它"> <labelfor="others">others</label> </p> <p> <inputtype="submit"name="btnSubmit"id="btnSubmit"value="Submit"class="btn"> </p> <p> <inputtype="button"value="检测选中对象"onclick="getChoice();"> <inputtype="button"value="设置为Canon"onclick="setChoice(0);"> </p> </form>