码迷,mamicode.com
首页 > Web开发 > 详细

checkbox属性checked="checked"通过js已设置,但是不勾选

时间:2016-01-02 20:21:46      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:

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都会被选中

//用click或用 change

$(‘#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);
                });
            }
        });

checkbox属性checked="checked"通过js已设置,但是不勾选

标签:

原文地址:http://www.cnblogs.com/hfdp/p/5095038.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!