asp.net-mvc-3 - 将客户端复选框单击处理程序添加到 Razor View

Question

下面的标记生成一个复选框类型的输入，带有 id="IsRecurring"当 Razor View 发送到浏览器时。

<div class="editor-label">
    @Html.LabelFor(model => model.IsRecurring)
</div>

<div class="editor-field">
    @{
        @Html.EditorFor(model => model.IsRecurring)
    }
</div>

我需要根据复选框的选中状态显示/隐藏其他标记块。

哪个是最 MVC3 的方式来做到这一点？

我的计划是在 div 上方添加以下脚本:

<script type="text/javascript">
    $("#IsRecurring").click(function () {
        do show hide;
    });
</script>

在我的 View 标记中放置脚本的合适位置在哪里？有没有更好的方法可以引用 IsReccuring复选框，而不是提前知道它会有什么 Id？

Answer 1

你可以这样尝试:

@Html.CheckBoxFor(model => model.IsRecurring, new {onchange = "checkedChanged"})

//JS
var checkedChanged = function () {
    alert("checkedChanged");
}