JS代码实现复选框的反选
2012-11-01 来源：网络
【实例名称】
JS代码实现复选框的反选
【实例描述】
当用户选择的复选框个数太多，而且超过复选框总数的2/3时，为了简化用户操作，可以让用户先选择不需要的项，然后使用“反选”按钮，实现正确的选择。操作系统的资源管理器就提供了这种功能，用来实现文件的反选。本例介绍如何实现复选框的反选。
【实例代码】
<HTML> <HEAD> <title>反选-学无忧（www.xue51.com）</title> <script language=javascript> function selectOther(chkObj) { for(var i = 0;i<chkObj.elements.length;i++) //遍历窗体中的元素 if(chkObj.elements[i].type == "checkbox" ) //判断元素类型是否是复选框 { if(!chkObj.elements[i].checked) //如果复选框未选中 chkObj.elements[i].checked = true; //改为选中状态 else chkObj.elements[i].checked = false; //改为未选中状态 } } </script> </HEAD> <BODY> <form name="form1"> <input id="Checkbox1" name="chk" type="checkbox" />旅游<br /> <input id="Checkbox2" name="chk" type="checkbox" />体育<br /> <input id="Checkbox3" name="chk" type="checkbox" />音乐<br /> <input id="Button1" type="button" value="反选" onclick="selectOther(document.form1)" /> </form> </BODY> </HTML>
【运行效果】
初始选择的效果
反选后的效果
【难点剖析】
本例的重点是如何遍历窗体中所有的复选框控件。本例使用for循环语句，通过“type”属性逐个判断窗体中每个元素的类型，如果类型为“checkbox”，则判断其是否被选中．然后设置复选框为反选状态即可。
【源码下载】
如果你不愿复制代码及提高代码准确性，你可以点击：复选框的反选 进行本实例源码下载
