javascript - 使用 jquery 跟踪复选框事件

Question

我有以下代码:

$("#chkbx_first").change(function () {
if ($(this).attr("checked")) {
    alert("Check Box Selected"); //do something when checked
} else {
    alert("Check Box Unselected"); //do something when cleared
}

问题是，尽管在复选框 stste 上，第二个警报始终出现 - “复选框未选中”。为什么第一个警报没有出现？

还有其他方法来跟踪 CHECK 事件吗？ 谢谢。

Answer 1

$(this).attr("checked");

将 not work with from jQuery 1.6.

改为使用

jquery .prop() 。

$(this).prop("checked");

<强> DEMO

或

jquery .is() .

$(this).is(':checked')

<强> DEMO

或

this.checked

<强> DEMO