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

本文转载自查看原文 2016-09-19 18:00 2364 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>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 实现复选框的全选和反选 js复选框实现全选、全不选、反选 js复选框实现全选、全不选、反选全选和反选（复选框） jquery简单实现复选框的全选与反选 jQuery 实现复选框的全选与反选 layui实现复选框全选，反选复选框全选、取消全选、反选操作 jQuery实现复选框全选、全不选、反选问题解析 el-table多级复选框全选与反选