js表单中checkbox全选

<script language="JavaScript">
function cball(obj)
{
 for(i = 0;i<document.getElementsByTagName("INPUT").length;i++)
{
 if(document.getElementsByTagName("INPUT")[i].name.substr(0,1)=="m") 
{
 document.getElementsByTagName("INPUT")[i].checked=obj.checked
}
}
}
</script> <input name="allcheckbox" type="checkbox" title='全选/取消' onclick="cball(this)">全选<br/>

解决方案 »

  1.   

    一般情况下,这样写
    <script language="JavaScript">
    function cball(obj)
    {
     for(i = 0;i<document.getElementsByName("m").length;i++)
    { 
    document.getElementsByName("m")[i].checked=obj.checked
    }
    }
    </script>
    <form name='f1' id='f1'>
     <input name="allcheckbox" type="checkbox" title='全选/取消' onclick="cball(this)">全选<br/> 
     <input name="m" type="checkbox" onclick=''><br/>   
     <input name="m" type="checkbox" onclick=''><br/>   
     <input name="m" type="checkbox" onclick=''><br/>   
     <input name="m" type="checkbox" onclick=''><br/>   
     <input name="m" type="checkbox" onclick=''><br/>   
     <input name="m" type="checkbox" onclick=''><br/>
    </form>
      

  2.   

    function cball(){
      var oform=document.getElementById("f1");
      var oc=oform.childNodes;
      for (i=0;i<oc.length;i++){
        if ((oc(i).type)=="checkbox")
          oc(i).checked=true;
      }
    }
    function cnall(obj){
      var oc=document.getElementById("all");
      
        if (obj.checked==false)
          oc.checked=false;}
     </script><form name='f1' id='f1'>
     <input id="all" name="allcheckbox" type="checkbox" title='全选/取消' onclick="cball()">全选<br/>   
     <input name="m1" type="checkbox" onclick='cnall(this)'><br/>   
     <input name="m2" type="checkbox" onclick='cnall(this)'><br/>   
     <input name="m3" type="checkbox" onclick='cnall(this)'><br/>   
     <input name="m4" type="checkbox" onclick='cnall(this)'><br/>   
     <input name="m5" type="checkbox" onclick='cnall(this)'><br/>   
     <input name="m6" type="checkbox" onclick='cnall(this)'><br/>
    </form>
      

  3.   

    <script language="javascript">
    function cball(){
      alert(document.getElementById("all").checked)
      var oform=document.getElementById("f1");
      var oc=oform.childNodes;
      for (i=0;i<oc.length;i++){
        if ((oc(i).type)=="checkbox")
          oc(i).checked=(document.getElementById("all").checked?true:false);
      }
    }
    function cnall(obj){
      var oc=document.getElementById("all");
      
        if (obj.checked==false)
          oc.checked=false;}
     </script><form name='f1' id='f1'>
     <input id="all" name="allcheckbox" type="checkbox" title='全选/取消' onclick="cball()">全选<br/>   
     <input name="m1" type="checkbox" onclick='cnall(this)'><br/>   
     <input name="m2" type="checkbox" onclick='cnall(this)'><br/>   
     <input name="m3" type="checkbox" onclick='cnall(this)'><br/>   
     <input name="m4" type="checkbox" onclick='cnall(this)'><br/>   
     <input name="m5" type="checkbox" onclick='cnall(this)'><br/>   
     <input name="m6" type="checkbox" onclick='cnall(this)'><br/>
    </form>
      

  4.   

    还有一个当下面的手动的全选种时第一个name='allcheckbox'也要自动打勾
      

  5.   

    <body>
    <script language="javascript">
    function cball(){
      //alert(document.getElementById("all").checked)
      var oform=document.getElementById("f1");
      var oc=oform.childNodes;
      for (i=0;i<oc.length;i++){
        if ((oc(i).type)=="checkbox")
          oc(i).checked=(document.getElementById("all").checked?true:false);
      }
    }
    function cnall(obj){
      var ock=document.getElementById("all");
      var noChek=0;
        if (obj.checked==false)
          ock.checked=false;
      var oform=document.getElementById("f1");
      var oc=oform.childNodes;
      //alert(obj.checked);
      for (i=0;i<oc.length;i++){
         if ((oc(i).type)=="checkbox"){
           if (oc(i).checked==true)
             noChek+=1;
         }
       }
       //alert(noChek);
       if (noChek==6)
         ock.checked=true;
       
    }
     </script>
     </script><form name='f1' id='f1'>
     <input id="all" name="allcheckbox" type="checkbox" title='全选/取消' onclick="cball()">全选<br/>   
     <input name="m1" type="checkbox" onclick='cnall(this)'><br/>   
     <input name="m2" type="checkbox" onclick='cnall(this)'><br/>   
     <input name="m3" type="checkbox" onclick='cnall(this)'><br/>   
     <input name="m4" type="checkbox" onclick='cnall(this)'><br/>   
     <input name="m5" type="checkbox" onclick='cnall(this)'><br/>   
     <input name="m6" type="checkbox" onclick='cnall(this)'><br/>
    </form>
    </body>