全选反选练习

来源：互联网发布：ubuntu root 登录编辑：程序博客网时间：2024/06/09 03:29
<body>    <form action="">    <!-- 全选 /全不选/反选-->        <input type="checkbox" name="love" />篮球<br />        <input type="checkbox" name="love" />足球<br />        <input type="checkbox" name="love" />冰球<br />        <input type="checkbox" name="love" />排球<br />        <input type="button" value="全选" onclick="setAll()" />        <input type="button" value="全不选" onclick="setNo()" />        <input type="button" value="反选" onclick="judeg()" />    </form></body><script type="text/javascript">    // 思路：全选：获取名称是love的所有input标签    // 循环遍历，为了拿到每一个input标签，同时，设置checked    function setAll(){        var inputs = document.getElementsByName("love");        for(var i = 0;i < inputs.length;i++){            inputs[i].checked = true;        }    }    function setNo(){        var inputs = document.getElementsByName("love");        for(var i = 0;i < inputs.length;i++){            inputs[i].checked = false;        }    }    function judeg(){        var inputs = document.getElementsByName("love");        for(var i = 0;i < inputs.length;i++){            if(inputs[i].checked == false)                inputs[i].checked = true;            else{                inputs[i].checked = false;            }        }    }</script>
0 0