美文网首页Front End
[jQuery] $.fn.attr勾选checkbox时失效

[jQuery] $.fn.attr勾选checkbox时失效

作者: 何幻 | 来源:发表于2016-03-03 07:16 被阅读25次

场景:Chrome 39.0.2171.95 m
为了实现一个checkbox对另外一些checkbox的全选反选功能,
需要对一些checkbox同时使用attr('checked','checked')
会出现第二次全选会失效的情况。

失败的解决方案:
(1)对全选集合使用$checkboxes.each(function(){...})
每个checkbox分别使用$checkbox.attr('checked','checked')
(2)对全选集合使用$checkboxes.each(function(){...})
每个checkbox分别使用DOM方法,$checkbox[0].setAttribute('checked','checked')

成功的解决方案:
对全选集合使用$checkboxes.each(function(){...})
每个checkbox分别使用DOM属性,$checkbox[0].checked=true/false

注:
设置半选状态的方法如下,

$checkbox[0].indeterminate=true

相关文章

网友评论

    本文标题:[jQuery] $.fn.attr勾选checkbox时失效

    本文链接:https://www.haomeiwen.com/subject/vdpnkttx.html