复选框第一次点击全选没问题，第二次失效

最新推荐文章于 2023-11-14 10:57:29 发布

爱吃素的灰太狼

最新推荐文章于 2023-11-14 10:57:29 发布

阅读量911

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 jquery checked 文章标签： jquery-+ checked复选

本文链接：https://blog.youkuaiyun.com/qq_19541441/article/details/52708182

前端同时被 3 个专栏收录

4 篇文章

订阅专栏

jquery

1 篇文章

订阅专栏

checked

1 篇文章

订阅专栏

在jQuery中实现复选框全选功能时，首次点击全选按钮可以正常选中所有复选框，但第二次点击却失效。本文探讨这个问题的原因及解决方案，帮助开发者解决在实现复选框交互时遇到的常见困扰。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//出错的方法
$(function(){
    $("input[name='clecked-all']").click(function(){
        if($(this).is(":checked")){
             $("input[name='clecked']").attr("checked", true);
        }else{
            $("input[name='clecked']").attr("checked", false);
        }
    });
});


//解决的办法
$(function(){
    $("input[name='clecked-all']").click(function(){
        if($(this).is(":checked")){
             $("input[name='clecked']").prop("checked", true);
        }else{
            $("input[name='clecked']").prop("checked", false);
        }
    });
});