js全选不选反选

最新推荐文章于 2025-05-20 16:08:55 发布

转载最新推荐文章于 2025-05-20 16:08:55 发布 · 210 阅读

<!DOCTYPE
 html>

<html>

    <head><meta
 charset="UTF-8"></head>

    <body>

        <div
 id="div">

            <input
 type="checkbox" /><br
 />

            <input
 type="checkbox" /><br
 />

            <input
 type="checkbox" /><br
 />

        </div>

        <input
 type="button" value="全选" onclick="CheckAll()"/><br
 />

        <input
 type="button" value="不选" onclick="UnCheck()"/><br
 />

        <input
 type="button" value="反选" onclick="othercheck()"/><br
 />

        <script>

            var CheckBox=div.getElementsByTagName('input');

            //全选

            function CheckAll(){

                for(i=0;i<CheckBox.length;i++){CheckBox[i].checked=true;};

            };

            //不选

            function UnCheck(){

                for(i=0;i<CheckBox.length;i++){CheckBox[i].checked=false;};

                };

            //反选

            function othercheck(){

                for(i=0;i<CheckBox.length;i++){

                    if(CheckBox[i].checked==true){
 CheckBox[i].checked=false;}

                    else{
 CheckBox[i].checked=true}

                }

            };

        </script>

    </body>

</html>