jquery attr设置属性失效问题
2017-04-28 16:13
218 查看
解决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,问题得解。
如果您遇到这个奇怪的问题那就赶紧试试吧!
相关文章推荐
- attr设置checked,disabled等属性失效的问题,jquery的attr和prop的区别
- 用jQuery的attr()设置option默认选中无效的解决 attr设置属性失效
- jQuery的属性选择器[@rel*=style]失效问题
- jquery动态改变onclick属性导致失效的问题解决方法
- jQuery中attr()解决checked属性问题
- 日常问题记录--jquery中HTML元素本身固有属性用prop,自定义的DOM属性,在处理时,使用attr方法
- jquery操作属性 attr()和 prop()兼容性问题
- jQuery源码分析:jQuery对象属性设置(attr、access、$.attr)源代码分析
- js和jquery设置disabled属性为true使按钮失效
- jQuery中attr()设置属性,css()设置style里的样式
- 使用jQuery的".css()"和".attr()"方法设置元素"left"属性的注意点
- jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
- [ jQuery] jquery动态改变onclick属性失效的问题!
- jQuery - 设置内容和属性 设置内容 - text()、html() 以及 val() , 设置属性 - attr()
- jquery下 动态显示jqGrid 以及jqGrid的属性设置容易出现的问题
- jquery下 动态显示jqGrid 以及jqGrid的属性设置容易出现的问题
- jquery动态改变onclick属性导致失效的问题解决方法
- jquery attr方法获取input的checked属性问题
- 当使用easyui时,jquery的设置disabled属性方法失效
- [前端] 解决jquery设置type属性出错的问题