如何实现不同name的checkbox的全选

如题所示：我有很多checkbox
但是每个checkbox的name不同：#   <input type="checkbox" name="A" value="1"  />A  
#     <input type="checkbox" name="B" value="1"  />B
#     <input type="checkbox" name="C" value="1" />C 
#     <input type="checkbox" name="D" value="1"  />D 如上所示name不同谢谢大家 最好能给出 源码啊

解决方案 »

  1.   


     <input type="checkbox" name="A" value="1" />A   
     <input type="checkbox" name="B" value="1" />B
     <input type="checkbox" name="C" value="1" />C  
     <input type="checkbox" name="D" value="1" />D 
    <div>
    <input type="button" id='btn' value="全选/反选" onclick="Checkall()"/>
    </div> 
    <script type="text/javascript">
    var Checkall=function(){
    var objs=document.getElementsByTagName("input");
    for(var i=0;i<objs.length;i++){
    if(objs[i].getAttribute("type")=="checkbox"){
    if(objs[i].getAttribute("checked")==true){
    objs[i].setAttribute("checked",false);
    }else{
    objs[i].setAttribute("checked",true);
    }
    }
    }
    };
    </script>
      

  2.   

    判断元素type就行了<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD> <BODY>
    <input type="checkbox" name="A" value="1" />A   
    <input type="checkbox" name="B" value="1" />B
    <input type="checkbox" name="C" value="1" />C  
    <input type="checkbox" name="D" value="1" />D  
    <INPUT TYPE="button" VALUE="全选" ONCLICK="selectAll()">
     </BODY>
    </HTML>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function selectAll(){
    var chkArray=document.getElementsByTagName("input");

    for(var i=0;i<chkArray.length;i++){
    if(chkArray[i].type=="checkbox")
    chkArray[i].checked="checked";
    }
    }
    //-->
    </SCRIPT>
      

  3.   


    var inputs = document.getElementsByTagName("input");
    for(var i = 0;i<inputs.length;i++){
        if(inputs[i].type == "checkbox"){
            inputs[i].checked = true;
        }
    }
      

  4.   

    <script type="text/javascript">
     $("#checkall1").click(
     function(){
         if(this.checked){
             $("input[@type=checkbox][@name=items]").each(function(){this.checked=true;});
         }else{
             $("input[@type=checkbox][@name=items]").each(function(){this.checked=false;});
         }
     }
    );
    </script>
      

  5.   

    晕！自己不会稍微动手修改下啊
     <input type="checkbox" name="A" value="1" />A   
     <input type="checkbox" name="B" value="1" />B
     <input type="checkbox" name="C" value="1" />C  
     <input type="checkbox" name="D" value="1" />D 
    <div>
    <input type="button" id='btn' value="全选" onclick="Checkall()"/>
    </div> 
    <script type="text/javascript">
    var Checkall=function(){
        var objs=document.getElementsByTagName("input");
        for(var i=0;i<objs.length;i++){
            if(objs[i].getAttribute("type")=="checkbox"){
                    objs[i].setAttribute("checked",true);
            }
        }    
    };
    </script>
      

  6.   


    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <input type="button" name="ca" value="checkAll/checkNo" onclick="check()">
    <input type="checkbox" name="a" value="a">a
    <input type="checkbox" name="b" value="b">b
    <input type="checkbox" name="c" value="c">c
    <input type="checkbox" name="d" value="d">d</br>
    </body>
    <script>
    function check(){
    var cbs  = document.getElementsByTagName("input");
    for(var i=0;i<cbs.length;i++){
    var acb = cbs[i];
    if(acb.type=="checkbox"){
    acb.checked = !acb.checked;
    }
    }
    }
    </script>
    </html>