checkbox 全选和取消全选


<script language="JavaScript">
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;
            }
        }
    }
}
</script><form id="form1">
<input type="checkbox" value='全部選取' onclick='chkall("form1",this)' name=chk><BR>
<input type="checkbox" name="item_001" value="1">1<BR>
<input type="checkbox" name="item_002" value="2">2<BR>
<input type="checkbox" name="item_003" value="3">3<BR>
<input type="checkbox" name="item_003" value="4">4
</form>

解决方案 »

  1.   


    <SCRIPT LANGUAGE="JavaScript">
    function ck(b)
    {
    var input = document.getElementsByTagName("input"); for (var i=0;i<input.length ;i++ )
    {
    if(input[i].type=="checkbox")
    input[i].checked = b;
    }
    }
    </SCRIPT>
    <INPUT TYPE="checkbox" NAME="a">1
    <INPUT TYPE="checkbox" NAME="a">2
    <INPUT TYPE="checkbox" NAME="a">3
    <INPUT TYPE="checkbox" NAME="a">4
    <INPUT TYPE="checkbox" NAME="a">5<BR>
    <input type="button" onclick="ck(true)" value="全选"><input type="button" onclick="ck(false)" value="取消全选">
      

  2.   

    我要的是一个按钮 实现这些功能。也可以适当添加hidden
      

  3.   

    <SCRIPT LANGUAGE="JavaScript">
    function $N(name){return document.getElementsByTagName(name);}
    function checkall(v,name){//v当前要设置的值true/false;name要设置的checkbox组的name,如果省略则默认为所有的checkbox
    o=name?$N(name):$N("input");
    for(i=0;i<o.length;i++) if(o[i].type=="checkbox")o[i].checked=v;
    }
    function setstatus(o){
         var status = o.value=="全选"
         o.value=status?"取消":"全选"
         checkall(status);
    }
    </SCRIPT>
    <INPUT TYPE="checkbox" NAME="a">1
    <INPUT TYPE="checkbox" NAME="a">2
    <INPUT TYPE="checkbox" NAME="a">3
    <INPUT TYPE="checkbox" NAME="a">4
    <INPUT TYPE="checkbox" NAME="a">5<BR>
    <input type="button" onclick="setstatus(this)" value="全选">
      

  4.   

    <SCRIPT LANGUAGE="JavaScript">
    function $N(name){return document.getElementsByName(name);}
    function $TN(name){return document.getElementsByTagName(name);}
    function checkall(v,name){//v当前要设置的值true/false;name要设置的checkbox组的name,如果省略则默认为所有的checkbox
    o=name?$N(name):$TN("input");
    for(i=0;i<o.length;i++) if(o[i].type=="checkbox")o[i].checked=v;
    }
    function setstatus(o){
         var status = o.value=="全选"
         o.value=status?"取消":"全选"
         checkall(status,'a');
    }
    </SCRIPT>
    <INPUT TYPE="checkbox" NAME="b">1
    <INPUT TYPE="checkbox" NAME="b">2
    <INPUT TYPE="checkbox" NAME="a">3
    <INPUT TYPE="checkbox" NAME="a">4
    <INPUT TYPE="checkbox" NAME="a">5<BR>
    <input type="button" onclick="setstatus(this)" value="全选">
      

  5.   


    <SCRIPT LANGUAGE="JavaScript">
    function ck()
    {
    var b = document.getElementById("cb").value
    var input = document.getElementById("cbdiv").getElementsByTagName("input"); for (var i=0;i<input.length ;i++ )
    {
    if(input[i].type=="checkbox")
    input[i].checked = b==0?true:false;
    }
    document.getElementById("cb").value = b==0?1:0;
    }
    function clk(e)
    {
    var obj = e.target||window.event.srcElement;
    if(obj.tagName.toUpperCase()=="INPUT" && obj.type.toUpperCase()=="CHECKBOX")
    {
    setcb();
    }
    }
    function setcb()
    {
    var b = 1;
    var input = document.getElementById("cbdiv").getElementsByTagName("input");
    for (var i=0;i<input.length ;i++ )
    {
    if(input[i].type=="checkbox")
    {
    if(!input[i].checked)
    {
    b = 0;
    break;
    }
    }
    }
    document.getElementById("cb").value = b;
    }
    </SCRIPT>
    <body onload="setcb()">
    <div id=cbdiv onclick="clk(event)">
    <INPUT TYPE="checkbox" NAME="a">1
    <INPUT TYPE="checkbox" NAME="a">2
    <INPUT TYPE="checkbox" NAME="a">3
    <INPUT TYPE="checkbox" NAME="a">4
    <INPUT TYPE="checkbox" NAME="a">5<BR>
    <input type="button" onclick="ck()" value="全选/取消全选">
    <input type="hidden" id="cb" value="">
    </div>
    </body>
      

  6.   

    <script type="text/javascript">
      function checkAll(argu){
       var obj = document.getElementsByName("checkBox");     for(var i= 0;i<obj.length;i++){
            obj[i].checked = argu.checked;
          }
      }
     </script><td>
           <input type="checkBox" name="checkBoxs" onClick="checkAll(this)">全选(反选)
          </td>
      

  7.   

    function CheckAll(form)
    {
        for (var i=0;i<form.elements.length;i++)
        {
            var e = form.elements[i];
            if (e.name != 'chkall')
            {
                e.checked = form.chkall.checked;
            }
        }
    }