checked的选中与取消

最新推荐文章于 2021-12-01 19:57:11 发布

许亚宾

最新推荐文章于 2021-12-01 19:57:11 发布

阅读量1.3k

点赞数

文章标签：技术人生

本文链接：https://blog.csdn.net/XYB18838209380/article/details/78125469

版权

<div>
    <label for="first"><input id="first" type="checkbox" name="name" value="first"/>first</label>
    <label for="second"><input id="second" type="checkbox"  name="name"  value="second"/>second</label>
    <label for="third"><input id="third" type="checkbox" name="name"  value="third"/>third</label>
    <label for="all"><input id="all" type="checkbox" name="nameAll"  value="all"/>all</label>
</div>
</body>
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script>
    $("input[name='name']").change(function(){
        console.log($("input[name='name']:checked").length);
        $("input[name='nameAll']").prop("checked","checked")
        if($("input[name='name']:checked").length == 0){
            $("#all").removeAttr("checked");
        }
    })

</script>