jQuery的CheckBox全选反选时,勾选失效的问题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/laizhixue/article/details/84134970

    利用removeAttr()和prop()方法,完全没问题。

 在做复选框的时候,全选、反选应该是比较常用的功能。我在做这个功能时,发现多次全选、反选之后,页面展示的“勾选”效果失败了,页面上没有展示出勾选效果。但是追踪js,发现已经是选中状态。

            在网上搜了下,原因可能是不同的jQuery版本,有的方法可能已经弃用。jQuery的版本太老,或太新,都有可能发生这种情况。下面贴代码:

            我的jQuery版本是:jQuery v1.11.1。

            部分easyUI的datagrid代码,我的复选框是动态生成的:
     下面是根据生成的CheckBox,全选按钮的全选、反选效果实现的代码:

         $("#allcheck").click(function(){ 
        if($("#allcheck").is(":checked")){
             $(".checkbox").each(function(){
                 $(this).prop("checked", true);
             });
        }else{
             $(".checkbox").each(function(){
                 $(this).removeAttr("checked");
             });
        }
    }); 

 

猜你喜欢

转载自blog.csdn.net/laizhixue/article/details/84134970