日期:2014-05-16  浏览次数:20359 次

js控制checkbox 全选

一个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;
            }
        }
    }
}

?