如何利用js实现checkbox检测是否全选?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>例子</title>
<script type="text/javascript">
function Click(){
    var flag = true;
    var inputs = document.getElementsByTagName("input");
    var length = inputs.length;
    for(var i = 0; i < length; i++)
    {
        if(inputs[i].type == "checkbox" && inputs[i].checked == false)
        {
            flag = false;
            break;
        }
    }
    alert(flag);
}
</script>
</head>
<body>
<input type="checkbox" value="a" />
<input type="checkbox" value="b" />
<input type="checkbox" value="c" />
<input type="button" value="检查" onclick="Click()" />
</body>
</html>

解决方案 »

  1.   

    楼上的，人家是要三种状态，你这只有二种
    <html> <head> <title> dddd </title>       
        <script       language="javascript">       
        function       cc()       
        {       
                    var       oC=document.form1.sItem;       
                    var       t=0;       
                    if(oC)       
                    {       
            
                            for(var   i=0;i <oC.length;i++)       
                            {       
                                        if(oC(i).checked)       t++       
                            }       
                    }       
                    if(t==oC.length){ 
    alert("全选");   
    } 
    else   if(t==0) 
    {alert("无")}   
    else{ 
    alert("选择部分") 
    }   
        }       
            
        </script>       
            
        </head>       
    <body>         
            
        <form       name="form1"       ID="Form1">           
            <p> 请选择项目：         <br> 
                <input       type="checkbox"       value="CRC"       name="sItem"> 
                <br>       
                <input       type="checkbox"       value="Northsnow"       name="sItem"       ID="Checkbox1"> 
                <br>       
                <input       type="checkbox"       value="CSDN"       name="sItem"       ID="Checkbox2"> 
                <br>       
                <input       type="checkbox"       value="a"       name="sItem"       ID="Checkbox3"> 
                <br>       
                <input       type="checkbox"       value="b"       name="sItem"       ID="Checkbox4"> 
                <br>       
                <input       type="checkbox"       value="c"       name="sItem"       ID="Checkbox5"> 
                <br>       
                <input       type="checkbox"       value="d"       name="sItem"       ID="Checkbox6"> 
                <br>       
                <input       type="checkbox"       value="e"       name="sItem"       ID="Checkbox7"> 
                <br>       
                <input       type="checkbox"       value="f"       name="sItem"       ID="Checkbox8"> 
                <br>       
                <input       type="checkbox"       value="g"       name="sItem"       ID="Checkbox9"> 
                <br>       
                <input       type="button"       name="ss"       value="OK"       onclick="cc();">       
                    </p> 
    </form>           
    </body>       
        </html> 这个才是真的三种状态的检测
      

  2.   


    传到下一页要进行提交
    Get提交：URL地址?a=1&b=2&c=3
      

  3.   

    可以用这种形式传到下页就好
    <input type="hidden" name="result" id="result" size="40" value="" />
      

  4.   

    <html>   <head>   <title>   dddd   </title>               
            <script               language="javascript">               
            function               cc()               
            {               
                                    var               oC=document.form1.sItem;               
                                    var               t=0;               
                                    if(oC)               
                                    {               
                    
                                                    for(var       i=0;i   <oC.length;i++)               
                                                    {               
                                                                            if(oC(i).checked)               t++               
                                                    }               
                                    }               
                                    if(t==oC.length){   
    alert("全选");       
    }   
    else       if(t==0)   
    {alert("无")}       
    else{   
    alert("选择部分")   
    }       
            }               
                    
            </script>               
                    
            </head>               
    <body>                   
                    
            <form               name="form1"               ID="Form1">                       
                    <p>   请选择项目：                   <br>   
                            <input               type="checkbox"               value="CRC"               name="sItem">   
                            <br>               
                            <input               type="checkbox"               value="Northsnow"               name="sItem"               ID="Checkbox1">   
                            <br>               
                            <input               type="checkbox"               value="CSDN"               name="sItem"               ID="Checkbox2">   
                            <br>               
                            <input               type="checkbox"               value="a"               name="sItem"               ID="Checkbox3">   
                            <br>               
                            <input               type="checkbox"               value="b"               name="sItem"               ID="Checkbox4">   
                            <br>               
                            <input               type="checkbox"               value="c"               name="sItem"               ID="Checkbox5">   
                            <br>               
                            <input               type="checkbox"               value="d"               name="sItem"               ID="Checkbox6">   
                            <br>               
                            <input               type="checkbox"               value="e"               name="sItem"               ID="Checkbox7">   
                            <br>               
                            <input               type="checkbox"               value="f"               name="sItem"               ID="Checkbox8">   
                            <br>               
                            <input               type="checkbox"               value="g"               name="sItem"               ID="Checkbox9">   
                            <br>               
                            <input               type="button"               name="ss"               value="OK"               onclick="cc();">               
                                    </p>   
    </form>                       
    </body>               
            </html>   
    这个就是你要的啦。结贴吧
      

  5.   

    $("input[@type=checkbox][@checked]").length$("input[@type=checkbox][@checked]").length == 0 ：全不选
    $("input[@type=checkbox][@checked]").length == $("input[@type=checkbox].length : 全选else
    部分选
      

  6.   


    不好意思 少个 ) 应该是:
    $("input[@type=checkbox][@checked]").length   ==   $("input[@type=checkbox]").length   :   全选 
      

  7.   

    来接分的.哈哈~~~
    <html> <head> <title> dddd </title> 
    <script language="javascript">   
    function cc()   
    {   
      var oC=document.form1.sItem;  
      var t=0;   
      if(oC)   
      {   
        for(var i=0;i <oC.length;i++)   
        {   
        if(oC(i).checked) t++   
        }   
      }   
      var all=document.getElementById("all");
      if(t==oC.length)
        { 
        all.value="全选";
        } 
        else if(t==0) 
        {
          all.value="无";
          } 
        else{ 
        all.value="选择部分"; 
        } 
      }   
    </script>    
        </head> 
    <body>   
      
        <form name="form1" ID="Form1" method="post">   
      <p> 请选择项目：   <br> 
        <input type="checkbox" value="CRC" name="sItem"> 
        <br> 
        <input type="checkbox" value="Northsnow" name="sItem" ID="Checkbox1"> 
        <br> 
        <input type="checkbox" value="CSDN" name="sItem" ID="Checkbox2"> 
        <br> 
        <input type="checkbox" value="a" name="sItem" ID="Checkbox3"> 
        <br> 
        
        <input type="checkbox" value="b" name="sItem" ID="Checkbox4"> 
        <br> 
        <input type="checkbox" value="c" name="sItem" ID="Checkbox5"> 
        <br> 
        <input type="checkbox" value="d" name="sItem" ID="Checkbox6"> 
        <br> 
        <input type="checkbox" value="e" name="sItem" ID="Checkbox7"> 
        <br> 
        <input type="checkbox" value="f" name="sItem" ID="Checkbox8"> 
        <br> 
        <input type="checkbox" value="g" name="sItem" ID="Checkbox9"> 
        <br> 
        <input type="submit" name="ss" value="OK" onclick="cc();"> 
        <input type="hidden" name="all" id="all" /><!--加个隐藏的-->
      </p> 
    </form>  
    <%
    dim all:all=request.form("all")
    if all<>"" then response.write all
    %>
    </body> 
        </html> 
      

  8.   

    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
    <script language="JavaScript"> function test(){
    var check = document.all.list;
    var leng = check.length;
    var bool = false;
    for(var i=0;i<leng;i++){
    if(document.all.list[i].checked == true){
    bool = true;
    }else{
    bool = false;
    }
    }

    if(bool == true){
    alert("全部选中!");
    } } </script>
     </HEAD> <BODY> <input type="checkbox" name="list" value="1"> <input type="checkbox" name="list" value="2"> <input type="checkbox" name="list" value="3"> <input type="button" value="判断是否全选" onclick="test();"> </BODY>
    <HTML>