jquery checkbox实现反选点击第三次后无效

最新推荐文章于 2022-01-26 16:47:05 发布

编程爱好者之家

最新推荐文章于 2022-01-26 16:47:05 发布

阅读量305

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery

本文链接：https://blog.youkuaiyun.com/tangjuntangjun/article/details/80604498

jquery 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用jQuery的prop()方法来实现复选框全选功能的方法。通过对比attr()，演示了如何利用prop()更好地控制一组复选框的状态。

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

<input type="checkbox" name="topic_id[]" value="1">橘子
<input type="checkbox" name="topic_id[]" value="1">苹果
<input type="checkbox" name="topic_id[]" value="1">梨
<input type="checkbox" name="topic_id[]" value="1">橙子
<input type="checkbox" id="all" name="selectall" value="1">全选

$("#all").click(function(){    

    if(this.checked){    
        $('input[name="topic_id[]"]').prop("checked", true);   
    }else{    
        $('input[name="topic_id[]"]').prop("checked", false); 
    }    
});

我最初用的是 attr(),只能单词勾选，改成prop()就可以了

原文链接：http://www.codelovers.cn/article/20180606150614.html