JavaScript实现复选框的全选，反选，不选 

<script>
        window.onload=function(){
            var CheckAll=document.getElementById('All');
            var UnCheck=document.getElementById('uncheck');
            var OtherCheck=document.getElementById('othercheck');
            var div=document.getElementById('div');
            var    CheckBox=div.getElementsByTagName('input');
            CheckAll.onclick=function(){
                for(i=0;i<CheckBox.length;i++){
                    CheckBox[i].checked=true;
                };
            };
            UnCheck.onclick=function(){
                for(i=0;i<CheckBox.length;i++){
                    CheckBox[i].checked=false;
                };
            };
            othercheck.onclick=function(){
                for(i=0;i<CheckBox.length;i++){
                    if(CheckBox[i].checked==true){
                        CheckBox[i].checked=false;
                    }
                    else{
                        CheckBox[i].checked=true
                    }

                };
            };
        };
    </script>
</head>
<body>
全选：<input type="button" id="All" value="全选" /><br />
不选<input type="button" id="uncheck" value="不选" /><br />
反选<input type="button" id="othercheck" value="反选" /><br />
<div id="div">
    <input type="checkbox" />ZEALER<br />
    <input type="checkbox" />BLOG<br />
    <input type="checkbox" />MOOC<br />
</div>
</body>




 

posted @ 2016-09-19 18:00  超级无敌杜小胖  阅读(2623)  评论(0)    收藏  举报