jQuery中利用attr()方法设置checkBox 勾选以及禁用的效果测试

通过jQuery中的attr()方法给checkbox设置禁用或者勾选效果时,遇到了一些难以理解的问题,首先,因为1对应boolean 中的true,0对应boolean中的false,所以就想通过将0或者1作为参数来实现checkbox的勾选或者禁用效果。



设置checked属性


现象:将1作为参数调用方法时,复选框能正常勾选上,然而将0作为参数时,并没按照我的想法,取消勾选,复选框依然勾选上的

同理,设置disabled属性


现象:将1作为参数设置复选框禁用效果时,能够实现禁用效果,然而将0作为参数时,却没有按照我的预想,取消掉禁用


在以上两个测试中,如果直接将布尔值true或者false作为参数调用方法时,效果实现正常。使用jQuery 中prop()方法设置复选框禁用或者勾选效果时,则不存在以上方法中出现的问题,补充,当取消勾选或者取消禁用无效时,可以使用removeAttr()方法可以实现相同效果。猜测导致这个问题出现的原因可能是property与attribute之间的不同。可能导致该问题的原因 将domElement.checked赋值为1或者0,实现勾选、禁用的效果正常,然而,使用dom.setAttribute()方法时,checked和disabled参数无论是1或者0,true或者false,都是勾选上或者被禁用了的。




最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 因为要结局swift3.0中引用snapKit的问题,看到一篇介绍Xcode8,swift3变化的文章,觉得很详细...
    uniapp阅读 4,556评论 0 12
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,079评论 19 139
  • 第一章 入门 基本功能:访问和操作 dom 元素,控制页面样式,对页面的事件处理,与ajax完美结合,有丰富的插件...
    X_Arts阅读 1,069评论 0 2
  • 简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件...
    BABLOVE阅读 5,883评论 0 5
  • 1、窗体 1、常用属性 (1)Name属性:用来获取或设置窗体的名称,在应用程序中可通过Name属性来引用窗体。 ...
    Moment__格调阅读 4,607评论 0 11