一个checkbox复选框,控制当前页面其他复选框是否全选。
先看jsp代码:
<form id="myForm">
<input type="checkbox" οnclick='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;
}
}
}
}