checkbox属性checked="checked"通过js已设置，但是不勾选-优快云博客

本文讨论了在Web开发中使用JavaScript处理全选功能的Checkbox点击问题，特别是使用attr('checked','checked')和prop('checked',true)方法的区别，并提供了解决方法。

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

2019独角兽企业重金招聘Python工程师标准>>>

1.通过 attr('checked','checked') 来设置checkbox时，重复点击，虽然checked属性设置正确，但是checkbox没有被勾选 ，如下代码：（代码是全选功能）

$('#ckAll').click(function(){
           if($('#ckAll ').attr('checked') == 'checked'){
               $('#ckAll').removeAttr('checked');
           }else{
               $('#ckAll').attr('checked','checked');
           }
           if($('#ckAll').attr('checked') == 'checked'){
               $('.tab-list .ckbox').each(function(i,n){
                   $(n).attr('checked','checked');
               });
           }else{
               $('.tab-list .ckbox').each(function(i,n){
                   $(n).removeAttr('checked');
               });
           }
       });

2. 换成 prop('checked',true) ，当ckAll被选中时，所有列表checkbox都会被选中

$('#ckAll').click(function(){
           if($('#ckAll').prop('checked')){
               $('.tab-list .ckbox').each(function(i,n){
                   $(n).prop('checked',true);
               });
           }else{
               $('.tab-list .ckbox').each(function(i,n){
                   $(n).prop('checked',false);
               });
           }
       });