复选框的全选反选

来源：互联网发布：desmume模拟器mac版编辑：程序博客网时间：2024/06/03 01:51

        <body>        <input type="checkbox" id="ck01" onclick="sqAll();"> 全选/全不选</br>            <input type="checkbox" id="ck02"  name="love"> 篮球</br>            <input type="checkbox" id="ck03"  name="love"> 羽毛球</br>            <input type="checkbox" id="ck04"  name="love"> 乒乓球</br>            <input type="checkbox" id="ck05"  name="love"> 游泳</br>        <input type="button" id="bu06" onclick="sqAllYes();" value="全选">        <input type="button" id="bu07" onclick="sqAllNo();" value="全不选">        <input type="button" id="bu08" onclick="selOther();" value="反选">        <script type="text/javascript">            var loves = document.getElementsByName("love");            function sqAllYes() {                for(var i=0;i<loves.length;i++){                    loves[i].checked=true;                }            }            function sqAllNo() {                for(var i=0;i<loves.length;i++){                    loves[i].checked=false;                }            }            function selOther() {                for(var i=0;i<loves.length;i++){                    if(loves[i].checked==false){                        loves[i].checked=true;                    }else if (loves[i].checked==true){                        loves[i].checked=false;                    }                }            }        </script>        </body>

阅读全文

0 0

复选框的全选 反选

复选框的全选反选