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

场景: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 ----------------...
    米塔塔阅读 4,059评论 0 9
  • 第一章 jQuery简介 1-1 jQuery简介 1.简介 2.优势 3.特性与工具方法 1-2 环境搭建 进入...
    mo默22阅读 5,564评论 0 11
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,206评论 0 2
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,357评论 1 10
  • 最近所有业余时间的精力和心思都放在了一件事上,无暇它顾,所以说,专注力这个东西本身不存在好或坏,生活中很多事情本身...
    茹果君阅读 8,056评论 33 94