美文网首页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