Front End

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

2016-03-03  本文已影响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
上一篇 下一篇

猜你喜欢

热点阅读