jquery attr设置属性失效问题
来源:互联网 发布:mysql select嵌套 编辑:程序博客网 时间:2024/06/09 15:21
解决jquery操作checkbox全选全不选无法勾选问题
最近在工作中使用jquery操作checkbox,使用下面方法进行全选、反选:
$("input[name='checkbox']").attr("checked","checked");
调试时,前两次都没有问题,可以正常显示选中和取消,但当再去选中的时候,复选框的属性checkbox值变为"checked",没问题,但是复选框却不在显示选中状态,明明属性值改了,但是却不显示勾选,太诡异了。代码修改了却得不到正确的显示状态,纠结了很久,找不到原因。
于是乎各种找原因,后来在网上搜到一篇文章提醒了我,原来是jQuery版本问题。
我操作属性用的是
$("XXX").attr("attrName");而jQuery的版本用的是2.1.1,这就是存在一个兼容性和稳定性问题。
jQuery API明确说明,1.6+的jQuery要用prop,尤其是checkBox的checked的属性的判断,即
使用代码如下:
$("input[name='checkbox']").prop("checked");
$("input[name='checkbox']").prop("disabled", false);
$("input[name='checkbox']").prop("checked", true);
于是乎将attr改为prop,问题得解。
如果您遇到这个奇怪的问题那就赶紧试试吧!
最近在工作中使用jquery操作checkbox,使用下面方法进行全选、反选:
$("input[name='checkbox']").attr("checked","checked");
调试时,前两次都没有问题,可以正常显示选中和取消,但当再去选中的时候,复选框的属性checkbox值变为"checked",没问题,但是复选框却不在显示选中状态,明明属性值改了,但是却不显示勾选,太诡异了。代码修改了却得不到正确的显示状态,纠结了很久,找不到原因。
于是乎各种找原因,后来在网上搜到一篇文章提醒了我,原来是jQuery版本问题。
我操作属性用的是
$("XXX").attr("attrName");而jQuery的版本用的是2.1.1,这就是存在一个兼容性和稳定性问题。
jQuery API明确说明,1.6+的jQuery要用prop,尤其是checkBox的checked的属性的判断,即
使用代码如下:
$("input[name='checkbox']").prop("checked");
$("input[name='checkbox']").prop("disabled", false);
$("input[name='checkbox']").prop("checked", true);
于是乎将attr改为prop,问题得解。
如果您遇到这个奇怪的问题那就赶紧试试吧!
0 0
- jquery attr设置属性失效问题
- 用jQuery的attr()设置option默认选中无效的解决 attr设置属性失效
- Jquery attr("checked") attr("selected") 失效的问题
- JQuery attr() 和prop()方法 设置属性
- jQuery中attr()解决checked属性问题
- 火狐,IE jQuery attr替换图片失效问题
- jQuery attr()获取属性和设置属性的方法
- jquery中val获取值,attr获取属性值和attr设置属性值
- jQuery属性篇-attr
- jquery属性操作attr()
- jQuery属性方法attr
- Jquery 更改属性attr()
- jQuery的attr()属性
- jquery中的attr属性
- JQuery中attr()获取和设置元素属性
- attr 属性设置
- attr 属性设置
- jquery attr方法获取input的checked属性问题
- JavaScript学习笔记21-do-while循环
- Apache Qpid Java实战
- 从输入url到页面展示到底发生了什么
- 公共项查找---01_两个数组查找子项
- MongoDB数据库设计中6条重要的经验法则1
- jquery attr设置属性失效问题
- ActiveMQ技术分享
- linux的Ext2文件系统(序)
- mvc记住密码功能
- No enclosing instance of type xxx is accessible 问题及解答,静态方法调用动态方法问题
- Java中的陷阱题
- RMI流程简述
- 公共项查找---02_多个数组查找子项
- Docker attach正确的退出方式