如何检查复选框是否已选中或未选中？

Question

我想这会工作：

if ($(this).attr('checked')) {} 

，但我不得不这样说写：

if ($(this).is(':checked')) {} 

问：为什么？

Answer 1

已经通过这个最近，它取决于你使用的是什么版本的jQuery。从1.6开始，具有原生属性（例如“checked”，“disabled”）的attr的功能（属性是应该存在或不存在的属性）会发生变化，因为它们可能会根据浏览器行为返回不一致的结果。

在1.6中设置或测试属性的正确方法是使用新的prop函数，该函数始终返回true或false。您使用的第二种方法也适用于测试。

Answer 2

当你请求ATTR检查，你没有得到一个布尔值：

// this would be correct 
if($(this).attr('checked') == 'checked') 

// jQuery 1.6+ 
if($(this).prop('checked')) 

Answer 3

Interesting info about attr and prop jQuery 1.6 and 1.6.1.

Answer 4

更重要的是，只要使用this.checked，它返回无论是 “真” 或 “假”。如果您已经拥有DOM节点，则无需使用jQuery。