jquery - 取消选中复选框，但属性保持选中状态

Question

我有一个复选框，默认值为 checked="checked"。

如果我取消选中该复选框，然后执行类似的操作

alert($('#checkbox').attr('checked'));

无论是否勾选，都会一直提示checked。

I've made a codepen of this functionality over here .

如何获取复选框的实际选中状态(而不是默认代码中写入的状态)？

Answer 1

attr 绑定(bind)到 DOM 属性，然后保持初始值。如果你想检查状态，你必须使用 prop 代替:

$('#checkbox').prop('checked')

有关更多信息，您可以阅读 prop 的 jQuery 文档的“属性与属性”段落.