JS – 全选Checkbox
利用JS,全选FORM中的所有CHECKBOX。
Javascript代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<script language="javaScript"> //全选或全部不选 function checkall() { var isChecked=(document.form1.checkAll.checked == true); var elements_all=document.form1.elements; for(i=0;i<elements_all.length;i++) { var element=elements_all[i]; if(element.type=="checkbox") { element.checked=isChecked; } } } //是否有checkbox被选中 function anyChecked() { var elements_any=document.form1.elements; for(i=0;i<elements_any.length;i++) { var element=elements_any[i]; if(element.checked == true) { return true; } } return false; } </script> |
HTML代码:
1 2 3 4 5 6 7 8 |
<form name="form1" Method="post" action="" onsubmit="return anyChecked()"> 全选:<input type="checkbox" id="checkAll"onclick="checkall()" /> 多项选择框列表: <input type="checkbox" name="cb" value="1"/> <input type="checkbox" name="cb" value="2"/> <input type="checkbox" name="cb" value="3"/> <input name="Submit" type="submit" value="submit"> </form> |