将MVC复选框绑定到javascript函数

Question

尝试将带有jquery的mvc helper复选框绑定到javascript函数，然后该函数将根据是否选中该事实来执行某些操作。

第1部分：如何将复选框成功绑定到click或change事件？

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

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

我的绑定尝试：

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

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

Answer 1

假设复选框的ID是正确的，则可以使用jQuery这样绑定事件：

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