通过attr()方法改变checkbox的选中状态时,点击第二次无效
程序员文章站
2022-06-05 08:05:27
...
首先我们来看看attr()和prop()的区别:
prop()函数的结果:
1.如果有相应的属性,返回指定属性值。
2.如果没有相应的属性,返回值是空字符串。
attr()函数的结果:
1.如果有相应的属性,返回指定属性值。
2.如果没有相应的属性,返回值是undefined。
对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop()
$('#button').on('click',function(){
if($(obj).prop("checked")){
$("obj").prop("checked",true);
}else{
$("obj").prop("checked",false);
}
});
因此,出现这个问题事,把attr()方法换成prop()方法或许可以解决。