asp.net-mvc - 如何在 MVC Razor 中动态禁用 TextBox？

Question

我想在单击复选框后动态禁用/启用文本框。我该怎么做？我正在使用这个:

@{
    object addInput = (Model.AddInput) ? null : new { disabled = "disabled" };

 }

@Html.CheckBoxFor(model=> model.AddInput)

@Html.TextBoxFor(model => model.Input.Name, addInput)

但它仅在启动时有效。单击该复选框不会改变任何内容。如何进行一些绑定(bind)以自动更改禁用状态？

Answer 1

这需要在 JavaScript 中完成。

@{
    object addInput = (Model.AddInput) ? null : new { disabled = "disabled" };

 }

@Html.CheckBoxFor(model=> model.AddInput)

@Html.TextBoxFor(model => model.Input.Name)


<script> 
    $('#AddInput').click(function() {
        var $this = $(this);

        if ($this.is(':checked')) {
            $('#Name').removeAttr("disabled"); 
        } else {
            $('#Name').attr("disabled", "disabled")
        }
    });
</script>