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

Posted 2021-10-26 linqingvoe

 这两天遇到一个问题，就是在点击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‘);