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>