欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

通过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()方法或许可以解决。