云淡风轻的博客

寻门而入,破门而出(博客搬家至个人博客:http://wuyongshi.top)

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

情景再现

使用以下代码进行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);
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zml_2015/article/details/78026684
个人分类: 前端
想对作者说点什么? 我来说一句

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

不良信息举报

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

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭