js反选

来源:互联网 发布:淘宝your highness 编辑:程序博客网 时间:2024/06/13 10:40
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title>    <style>        li{            list-style: none;        }    </style>    <script>        window.onload = function(){            var anp = document.getElementsByTagName('input');              anp[0].onclick = function(){                for(var i=1;i<anp.length;i++){                    if(anp[i].checked){                        anp[i].checked = false;                    }else{                        anp[i].checked = true;                    }                }            }        }    </script></head><body>    <input type="button" value="反选">    <ul>        <li><input type="checkbox"></li>        <li><input type="checkbox"></li>        <li><input type="checkbox"></li>        <li><input type="checkbox"></li>        <li><input type="checkbox"></li>        <li><input type="checkbox"></li>        <li><input type="checkbox"></li>    </ul></body></html>
0 0
原创粉丝点击