点击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');

 

参考:http://blog.csdn.net/awj3584/article/details/21469971

 
posted @ 2016-11-04 10:12  蜜蜂Andy  阅读(5604)  评论(1编辑  收藏  举报