如何绑定点击和更改事件的复选框

Question

我通过ajax向页面添加一些复选框如何绑定我的脚本在这里的这些复选框的单击和更改功能

$(document).delegate("#filterOptions input[name=inNeedAmountRange]").bind("click change", function () {
    var elementValue = $(this).val();
    if ($(this).is(':checked')) {
        alert('checked : ' + elementValue);
    }
} else {
    alert('Not checked :' + elementValue);
}
});

Answer 1

试试.on()

Fiddle Demo

$(document).on("click change", "#filterOptions input[name=inNeedAmountRange]", function () {
    var elementValue = this.value;
    if ($(this).is(':checked')) {
        alert('checked : ' + elementValue);
    } else {
  // ^ remove extra }
        alert('Not checked :' + elementValue);
    }
});

事件代表团