当前位置:首页 > 开发 > Web前端 > Jquery > 正文

jQuery 复选框 全选无效

发表于: 2014-05-13   作者:chenhbc   来源:转载   浏览:
摘要: 问题: 今天一个同事在做一个用户全选的小功能的时候碰到一个小问题,就是明明用jQuery的attr()把复选框设置成checked了,用debuger 也可以看到属性已经设置上去,但页面显示还是没有选中 。   解决办法: 原来是jQuery中attr() 和 prop() 的区别造成的。其中attr()是用来操作元素DOM属性的,html的结构会发生变化,页面显示不一定 会有变

问题:

今天一个同事在做一个用户全选的小功能的时候碰到一个小问题,就是明明用jQuery的attr()把复选框设置成checked了,用debuger 也可以看到属性已经设置上去,但页面显示还是没有选中 。

 

解决办法:

原来是jQuery中attr() 和 prop() 的区别造成的。其中attr()是用来操作元素DOM属性的,html的结构会发生变化,页面显示不一定 会有变化,而prop()是操作元素页面可见性的一些属性,影响页面的显示效果,而html的结构不会发生变化。

 

所以在操作元素的checked,selected,readonly和disabled等属性时,最好用prop(),避免出现Bug,而且性能比attr()要好。

 

参考资料:

http://www.jb51.net/article/41170.htm

 

http://www.javascript100.com/?p=877

jQuery 复选框 全选无效

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号