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);
    }
});

Event Delegation

Answer 2

尝试：http://api.jquery.com/on/

$(document).on("change click", ""#filterOptions input[name=inNeedAmountRange]", function() {
    //do something
});

您可以使用任何静态容器替换文档。

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

2 个答案: