点击checkbox后,$(this).attr('checked')得到的值不会发生改变

时间:2023-03-10 05:02:29
点击checkbox后,$(this).attr('checked')得到的值不会发生改变

这两天遇到一个问题,就是在点击checkbox后,$(this).attr('checked')得到的值要么是undefined,要么是checked,同一个表单一直点击却一点都不会发生改变,调试了一下,this里的checked是会改变的,说明checkbox是有正常运行的,查了很久后,最我怀疑是$(this).attr('checked')这句代码出了问题,果然往这个方向找有了收获。

原来jquery 1.6以前用$(this).attr('checked')得到的是true/false,但到了1.6以后,$(this).attr('checked')就有点问题了。

解决方案如下:

1. 使用is()

例句: $(this).is(":checked");             // 注意是':checked',有冒号的!

2. 使用prop()方法,JQ1.6之后,可以通过attr方法去获得属性,通过prop方法去获得特性,属性指的是“name,id”等等,特性指的是“selectedIndex, tagName, nodeName”等等。

例句: $(this).prop('checked');