当前位置:首页 > 开发 > 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

    震惊

    震惊

编辑推荐
jQuery实现复选框的全选和反选: 截图如下: 代码如下: index.jsp: <%@ page language="java" i
一:1)引进jquery-1.6.4.min.js文件 2)效果图如下: a)默认情况: b)点击全选后并点击提交按钮后:
实现复选框的全选和反选 <!--[endif]--> //实现全选功能 function CheckAll(elements) { for
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script language
表单处理时经常会有全选的功能,但是这个功能往往会被忽视一个细节,就是逐个选中 checkBox 直至全
View Code 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.
gridView批量删除实现方法 DataGridView的数据绑定 gridview、datalist、repeater、FormView、Detai
gridView批量删除实现方法 DataGridView的数据绑定 gridview、datalist、repeater、FormView、Detai
jquery完成带复选框的表格行高亮显示 通过jquery技术来操作表格是件简单的事,通过jquery的语法,可
easyui可以创建带复选框的树,只要带上选项checkbox:true就行了,看一下效果图: 首先建立<ul>
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号