js 复选框全选和取反

来源:互联网 发布:孙十万知乎 编辑:程序博客网 时间:2024/06/07 02:45
    <script type="text/javascript">
            //全选
            function  aa(){
               var check = document.getElementById("cx1");    
                 var check1 = document.getElementById("cx");    
                   var check2= document.getElementById("cx2");    
                     var check3= document.getElementById("cx3");
                      var check4= document.getElementById("cx4");    
              alert( check.checked) ;
              ds=check.checked
                    check1.checked=ds;
                    check2.checked=ds;
                    check3.checked=ds;
                    check4.checked=ds;
                
                
            
                

            }



               //取反
                function bu(){
                      var check1 = document.getElementById("cx");
                      var check = document.getElementById("cx1");    
                      var check2= document.getElementById("cx2");    
                      var check3= document.getElementById("cx3");

                      var check4= document.getElementById("cx4");

                      check.checked= !check.checked
                      check1.checked= !check1.checked
                      check2.checked= !check2.checked
                      check3.checked=!check3.checked
                      check4.checked=!check4.checked
                      

                }
        </script>
        

    </head>



    <body>
        <input type="checkbox" name="cx" id="cx1" onclick="aa()" />全选<br />
        <input type="checkbox" name="cx" id="cx" />属于<br />
        <input type="checkbox" name="cx" id="cx2" />属于<br />
        <input type="checkbox" name="cx" id="cx3" />属于<br />
        <input type="checkbox" name="cx" id="cx4" />属于<br />
        <input type="button" name="bu" id="bu" value="取反"  onclick="bu()"/>
    </body>
原创粉丝点击