使用 razor mvc 和 jquery 的复选框禁用文本框

Question

我正在尝试使用@Html.CheckBoxFor 在剃须刀中禁用/启用@Html.TextBoxFor

我以这种方式定义了我的 CheckBoxFor：

@Html.CheckBoxFor(m => m.ResYearChecked, new { Name = "ResYearChecked", id = "ResYearChecked" })

@Html.TextBoxFor(m => m.SearchResYear, new { Name = "SearchResYear", id = "SearchResYear" })

我正在尝试调用脚本：

<script>
    $('ResYearChecked').change(function () {
        $("SearchResYear").prop("disabled", !$(this).is(':checked'));
    });
</script>

是否需要将onclick 属性添加到CheckBoxFor？

Answer 1

我能够找出解决方案。我为@Html.TextBoxFor 启用了属性readonly。然后，在检查了 @Html.CheckBoxFor 后，我删除了 readonly 属性。

这是我的@Html.CheckBoxFor 和@Html.TextBoxFor 的代码

@Html.CheckBoxFor(m => m.ResYearChecked, new { Name = "ResYearChecked", id = "ResYearChecked" })
@Html.TextBoxFor(m => m.SearchResYear, new { Name = "SearchResYear", id = "SearchResYear", @readonly = "readonly" })

这里是 JavaScript

<script>
    $('#ResYearChecked').change(function () {
        if ($(this).is(":checked")) {
            $("#SearchResYear").removeAttr("readonly");
            $("#SearchResYear").focus();
        } else {
            $("#SearchResYear").attr("readonly", "readonly");
        }
    });
</script>