日期:2014-05-16 浏览次数:20359 次
一个checkbox复选框,控制当前页面其他复选框是否全选。
先看jsp代码:
?
<form id="myForm"> <input type="checkbox" onclick='chkall("myForm",this)'>全部 <input type="checkbox" name="checkbox">1 <input type="checkbox" name="checkbox">2 <input type="checkbox" name="checkbox">3 <input type="checkbox" name="checkbox">4 </form>
??
当都选了全部时下面的1234也会被选择,当去掉全部的勾选则下面的也全部跟着改变
?
js代码:
//全选checkbox function chkall(input1,input2) { var objForm = document.forms[input1]; var objLen = objForm.length; for (var iCount = 0; iCount < objLen; iCount++) { if (input2.checked == true) { if (objForm.elements[iCount].type == "checkbox") { objForm.elements[iCount].checked = true; } } else { if (objForm.elements[iCount].type == "checkbox") { objForm.elements[iCount].checked = false; } } } }
?