javascript 表单中checkbox全选

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="JavaScript">
function cball()
{
var chs = document.getElementsByTagName("INPUT");
for (var i = 0; i < chs.length; i++)
{
chs[i].checked = document.all.allcheckbox.checked;
}
}
</script>
</HEAD>
<BODY>
<form name='f1' id='f1'>
 <input name="allcheckbox" type="checkbox" title='全选/取消' onclick="cball()">全选<br>   
 <input name="m1" type="checkbox" onclick=''><br>   
 <input name="m2" type="checkbox" onclick=''><br>   
 <input name="m3" type="checkbox" onclick=''><br>   
 <input name="m4" type="checkbox" onclick=''><br>   
 <input name="m5" type="checkbox" onclick=''><br>   
 <input name="m6" type="checkbox" onclick=''><br>
</form>
</BODY>
</HTML>
<script>
//fnClearTable();
</script>

解决方案 »

  1.   

    <body>
    <script language="javascript">
    function cball(){
       var oform=document.getElementById("f1");
      var oc=oform.childNodes;
      //alert(oc.length);
      for (i=0;i<oc.length;i++){
        if ((oc(i).type)=="checkbox")
           
          oc(i).checked=(document.getElementById("all").checked?true:false);
          //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>
    </body>
      

  2.   

    <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>
      

  3.   

    <script anguage="JavaScript">
    <!--
       function selectAllOrNot(){
    j = 0;
    jLength = nameForm.length;
    for(j = 0 ; j < jLength ; j++)
    {
    if(nameForm.elements[j].type == "checkbox")
    {
    if(nameForm.elements[j].name == "nameCheckboxTopic")
    {
        nameForm.elements[j].checked = nameForm.nameCheckboxAll.checked;
    }
    }
    }
    }-->
    </script>
      

  4.   

     function CheckAll()
     {
    boolCheckAll = true;
    var isChecked = document.all.DataGrid1__ctl1_CheckBox2.checked;
    var objs = document.all.DataGrid1.getElementsByTagName("input");
    if (objs.length > 1)
    {
    for(i=1;i<objs.length;i++)
    {
    if (objs[i].type =="checkbox")
    {
    if (!(isChecked  == objs[i].checked) )
    {
    objs[i].click();  
    }
    }
    }
    } 
    boolCheckAll = false;
    }