jquery 关于checked属性的添加与移除（解决.attr('checked',true)失效问题）

一、遇到问题：

$(":radio").removeAttr('checked');$(":radio").attr('checked','true');

实际问题：在使用removeAttr()移除了radio的checked属性后，使用attr()重新增加不起作用；

二、解决：

方法1：

$(":radio").removeAttr('checked');
$("input:radio").prop('checked','true');

即使用prop()可重新配置上该属性；
注意：具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr().

方法2：

$(':checkbox').each(function(){this.checked=true;
});

attr为失效？因为checked属于为原型对象的属性。而attr在remove原型对象时会出错。原型对象指的是自身自带的，无法移除。prop会忽略这个错误。而attr操作的是普通非原型对象（可移除）。js 的dom对象属性是可以随意增加的。

jquery 关于checked属性的添加与移除（解决.attr('checked',true)失效问题）相关推荐

disabled属性的添加与移除
disabled属性的添加与移除 //两种方法设置disabled属性$('#areaSelect').attr("disabled",true);$('#areaSelect') ...
jQuery删除input属性，添加input属性
$("#storename").removeAttr("readonly"); $("#storename").attr("rea ...
jquery 设置checkbox的checked属性总是出问题
所使用的jquery版本为jquery-1.9.1,浏览器为Chrome 1.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase ...
jquery表单对象属性选择器:enabled、:disabled、:checked、:selected
全栈工程师开发手册 (作者:栾鹏) jquery系列教程1-选择器全解 jquery表单对象属性选择器 jquery表单对象属性选择器,包括:enabled.:disabled.:checked.:s ...
jQuery设置disabled属性与移除disabled属性
话不多说直接上代码! //设置disabled属性(两种方法) $('#areaSelect').attr("disabled",true); $('#areaSelect').a ...
如何使用jQuery删除“disabled”属性？
本文翻译自:How to remove "disabled" attribute using jQuery? I have to disable inputs at first a ...
jQuery如何判断是否拥有某属性以及添加移除(先判断有没有)某属性
如果id为name的元素没有readonly属性他就会返回undefined,有就直接返回属性值可以借此来判断 $("#name").attr("readonly&quo ...
html移除属性 jquery,Jquery添加删除属性、添加类
Document .red{ color: red; } .box3{ width: 100px; height: 100px; background: red; } addClass() 添加类名 ...
JQuery-jq属性操作、jq文本属性值、jq元素(创建、添加、移除)操作、jq尺寸、位置操作
属性操作 jQuery 常用属性操作有三种:prop() / attr() / data() ; 元素固有属性值 prop() - 所谓元素固有属性就是元素本身自带的属性,比如 <a> 元 ...

jquery 关于checked属性的添加与移除（解决.attr('checked',true)失效问题）

一、遇到问题：

二、解决：

jquery 关于checked属性的添加与移除（解决.attr('checked',true)失效问题）相关推荐

最新文章

热门文章