jQuery attr方法第一次有效，第二次无效问题

最新推荐文章于 2022-10-29 10:10:10 发布

原创最新推荐文章于 2022-10-29 10:10:10 发布 · 4.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #attr

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个常见问题的解决方案，即如何修正使用jQuery实现的全选功能在第二次点击时失效的问题。针对这一问题，文章提供了代码示例并说明了在jQuery 1.7及以上版本中应如何正确地操作checkbox的选择状态。

例如设置全选：

$(function(){
    //设置全选反选
        $("#all").click(function(){
        if(this.checked){ 
            $("input[name='id']").attr("checked",true);
        }else{   
            $("input[name='id']").attr("checked",false);
        }    
    }); 
});

点击all按钮第一次全选有用第二次全选无效。因为jquery1.7以上的版本用此方法只能第一次好用，第二次就会失效，需要把 $(":checkbox").attr("checked", "checked"); 改为$ (“:checkbox”).prop(‘checked’,false); $(“:checkbox”).prop(‘checked’,true)