全选,反选,不选 小代码

来源:互联网 发布:ai软件最新版本 编辑:程序博客网 时间:2024/04/28 11:59
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title>    <script>        window.onload=function(){            var oBtn1=document.getElementById('btn1');            var oBtn2=document.getElementById('btn2');            var oBtn3=document.getElementById('btn3');            var oDiv1=document.getElementById('div1');            var aCh=oDiv1.getElementsByTagName('input');            oBtn1.onclick=function(){                for(var i=0;i<aCh.length;i++)                {                    aCh[i].checked=true;                }            }            oBtn2.onclick=function() {                for (var i=0; i<aCh.length; i++) {                    aCh[i].checked=false ;                }            }            oBtn3.onclick=function() {                for (var i=0; i<aCh.length; i++) {                       if(aCh[i].checked == true){                           aCh[i].checked = false;                       }                       else{                           aCh[i].checked = true;                       }                }            }        }    </script></head><input id="btn1" type="button" value="全选"/><br><input id="btn2" type="button" value="不选"/><br><input id="btn3" type="button" value="反选"/><br>    <div id="div1">        <input type="checkbox"/><br>        <input type="checkbox"/><br>        <input type="checkbox"/><br>        <input type="checkbox"/><br>        <input type="checkbox"/><br>        <input type="checkbox"/><br>        <input type="checkbox"/><br>        <input type="checkbox"/><br>        <input type="checkbox"/><br>        <input type="checkbox"/><br>        <input type="checkbox"/><br>        <input type="checkbox"/><br>    </div></body></html>
0 0
原创粉丝点击