如何检查是否在带有剃刀的视图页面中选中了复选框，如果勾选则显示文本框

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();
});