javascript - 将 mvc 复选框绑定(bind)到 javascript 函数

Question

尝试将带有 jquery 的 mvc 辅助复选框绑定(bind)到 javascript 函数，该函数将根据它是否被选中来执行某些操作。

第 1 部分:如何成功地将复选框绑定(bind)到点击或更改事件？

第 2 部分:如何检查复选框是否选中？

<div class="editor-label">
    @Html.LabelFor(model => model.Immediate)
</div>
<div class="editor-field">
    @Html.CheckBoxFor(model => model.Immediate, new {id = "chkImmediate" })
</div>

我的绑定(bind)尝试:

$("#chkImmediate").click(clickEvent());

function clickEvent() {
        alert($("#chkImmediate").checked); //want it to show true/false
}

Answer 1

假设复选框的 id 是正确的，您可以像这样使用 jQuery 绑定(bind)事件:

$("#chkImmediate").change(function() {
    if(this.checked) {
        alert('It's checked!!');
    } else {
        alert('It's not checked!!');
    }
});