解决checkbox全选之后取消全选,再次全选无效问题

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

情景再现

使用以下代码进行checkbox全选,首次可以全选成功,但是一个个的取消掉之后,审查元素会发现checkbox的checked属性值仍然是checked,这个就导致再次使用如下方式进行全选时,页面并没有更新为选中状态,正是因为你在手动取消的时候,checkbox的checked属性并没有变化

$("#choose_weeks input[type=checkbox]").attr("checked",true);

解决方案:

不使用attr来修改checked属性值,使用prop来修改,使用方法和上面一致;

  • 方式1:
 $("#choose_weeks input[type=checkbox]").each(function () {
                        $(this).prop("checked",true);
                    })
  • 方式2:
 $("#choose_weeks input[type=checkbox]").prop("checked",true);
阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页