如何使用剃刀检查视图页面中的复选框是否已选中，如果选中则显示文本框

Question

如何使用剃刀检查视图页面中是否选中了复选框，如果选中则显示文本框！

我是 asp.net mvc 和 razor 的新手，仍在学习。

查看代码

@Html.CheckBoxFor(m => m.SupportRequired)    
@Html.TextBoxFor(m => m.AssistName new { @class = "form-control" })

Answer 1

你可以像这样使用 JavaScript：

@Html.CheckBoxFor(m => m.SupportRequired , new { id = "MyChk", onchange = "valueChanged()"})  
@Html.TextBoxFor(m => m.AssistName , new { id = "MyTxt" , @class = "form-control" })

<script type="text/javascript">
    function valueChanged() {
        if ($('#Mychk').is(":checked"))
            $("#MyTxt").show();
        else
            $("#MyTxt").hide();
    }
</script>

编辑

要在页面加载中显示或隐藏，您需要添加以下代码：

$(document).ready(function() {
    valueChanged();
});