全选，反选，全不选源代码

最新推荐文章于 2021-03-13 08:23:13 发布

luyaran

最新推荐文章于 2021-03-13 08:23:13 发布

阅读量472

点赞数 1

分类专栏：原创二次开发 php、shell、python、mysql、MongoDB等技术学习之路 PHP&MySQL小技巧记录

本文链接：https://blog.youkuaiyun.com/luyaran/article/details/52921414

版权

原创同时被 3 个专栏收录

868 篇文章

订阅专栏

PHP&MySQL小技巧记录

108 篇文章

订阅专栏

php、shell、python、mysql、MongoDB等技术学习之路

88 篇文章

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<input type="checkbox" name="ids" value="吃饭">吃饭
<input type="checkbox" name="ids" value="睡觉">睡觉
<input type="checkbox" name="ids" value="打豆豆">打豆豆<br>
<input  type="button" id="qx" value="全选" οnclick="qx()">
<input  type="button" id="fx" value="反选" οnclick="fx()">
<input  type="button" id="qbx" value="全不选" οnclick="qbx()">
</body>
</html>
<script>
    function qx(){
        var ids=document.getElementsByName("ids");
        for(var i=0;i<ids.length;i++){
            ids[i].checked=true;
        }
    }
    /**
     * function qx()
     * {
     *      var ids=document.getElementsByName("ids");
     *      for(var i=0;i<ids.length;i++)
     *      {
     *      ids[i].checked=true/false/
     *      ids[i].checked=!ids[i].checked
     *      }
     * }
     * */
    function qbx(){
        var ids=document.getElementsByName("ids");
        for(var i=0;i<ids.length;i++){
            ids[i].checked=false;
        }
    }
    function fx(){
        var ids=document.getElementsByName("ids");
        for(var i=0;i<ids.length;i++){
            ids[i].checked=!ids[i].checked;
        }
    }
</script>