js实现全选、全不选、反选
不多说,直接上代码~
<meta charset="gbk"> <script language="javascript"> //全选函数 function selectAll() { obj=document.getElementsByName('range'); for(var i=0;i<obj.length;i++) { obj.item(i).checked=true; } } //全不选函数 function unselectAll() { obj=document.getElementsByName('range'); for(var i=0;i<obj.length;i++) { obj.item(i).checked=false; } } //反选函数 function unSelect() { obj=document.getElementsByName('range'); for(var i=0;i<obj.length;i++) { if(obj.item(i).checked) { obj.item(i).checked=false; } else { obj.item(i).checked=true; } } } </script> <form name="form1" > <input type="checkbox" value="1" name="range">1<br> <input type="checkbox" value="3" name="range">3<br> <input type="checkbox" value="4" name="range">4<br> <input type="checkbox" value="5" name="range">5<br> <input type="button" value="全选" onclick="selectAll();"> <input type="button" value="全不选" onClick="unselectAll()"> <input type="button" value="反选" onclick="unSelect();"> </form>