checkbox属性

来源：互联网发布：惊讶猫走红网络编辑：程序博客网时间：2024/06/07 21:23

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

3.复选变单选的js

$('.xuanze').click(function(){
       $('.xuanze').removeAttr('checked');
       $(this).prop('checked',true);
   });

0 0