将 mvc 复选框绑定到 javascript 函数答案

【问题标题】：bind mvc checkbox to javascript function将 mvc 复选框绑定到 javascript 函数
【发布时间】：2014-06-03 12:12:14
【问题描述】：

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

第 1 部分：如何成功地将复选框绑定到单击或更改事件？

第 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
}

【问题讨论】：

能否请您包含上述 JavaScript 所在的<script> 的全部内容。
使用更改事件而不是点击事件

标签： javascript jquery asp.net-mvc checkbox html-helper

【解决方案1】：

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

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

【讨论】：

这让我很接近。谢谢。我最终做的是这个 $(function () { $('#chkImmediate').change(function () { var checked = $(this).is(':checked'); clickEvent(checked); }) ; });