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>
巴特西

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

最新文章

热门文章
