复选框全选和反选script 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <input type="checkbox" id="cid" onclick="selectAll()" />
        <table>
            <tr><td><input type="checkbox" name="ck"  /></td><td>张三</td></tr>
            <tr><td><input type="checkbox" name="ck"  /></td><td>张a</td></tr>
            <tr><td><input type="checkbox" name="ck"  /></td><td>张b</td></tr>
            <tr><td><input type="checkbox" name="ck"  /></td><td>张c</td></tr>
            <tr><td><input type="checkbox" name="ck"  /></td><td>张d</td></tr>
        </table>
        
        <script type="text/javascript">
            function selectAll(){
                var cks=document.getElementsByName("ck");
                var temp=document.getElementById("cid");
                for(i=0;i<cks.length;i++){
                    if(temp.checked==true){
                        cks[i].checked=true;
                    }else{
                        cks[i].checked=false;
                    }
                }
            }
        </script>
    </body>
</html>

 

posted @ 2016-09-22 16:59  IT~天空  阅读(226)  评论(0)    收藏  举报