jquery复选框全选问题

最新推荐文章于 2024-04-25 11:38:14 发布

virtray

最新推荐文章于 2024-04-25 11:38:14 发布

阅读量189

点赞数 1

分类专栏： jQuery 文章标签： jQuery

本文链接：https://blog.csdn.net/qq_37290373/article/details/91379480

版权

jQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

关于jquery复选框全选问题：
问题描述：点击全选后只有第一次可以实现全选和全不选，之后便失效了。
解决方案（直接上代码）：

    <div style="width: 300px; height: 250px; margin: auto;">
        <div style="text-align: center; height: 50px;">
            <input id="checkall" type="checkbox" name="checkall"><span>全选</span>
        </div>
        <div style="text-align: center; height: 200px;">
            <input type="checkbox" name="checkitem"><span>选项1</span>
            <input type="checkbox" name="checkitem"><span>选项2</span>
            <input type="checkbox" name="checkitem"><span>选项3</span>
        </div>
    </div>
    <script src="./jquery-1.9.1.js"></script>
    <script>
        $("#checkall").click(function(){
            if($("#checkall").prop("checked")){
                $("[name='checkitem']").attr("checked",true);
                $("[name='checkitem']").prop("checked",true);
            }else{
                $("[name='checkitem']").attr("checked",false);
                $("[name='checkitem']").prop("checked",false);
            }
        })
    </script>

完美解决