首页 > 分享 > checkbox属性checked=“checked”通过js已设置，但是不勾选

checkbox属性checked=“checked”通过js已设置，但是不勾选

花匠小妙招
2024-11-28 16:43

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);
               });
           }
       });