Javascript 如何使用razor检查查看页面中是否选中了复选框,如果选中,则显示文本框

Javascript 如何使用razor检查查看页面中是否选中了复选框,如果选中,则显示文本框,javascript,jquery,asp.net-mvc,razor,checkbox,Javascript,Jquery,Asp.net Mvc,Razor,Checkbox,如何检查razor在查看页面中是否选中复选框,以及是否选中显示文本框 我是asp.NETMVC和razor的新手,还在学习 查看代码 @Html.CheckBoxFor(m => m.SupportRequired) @Html.TextBoxFor(m => m.AssistName new { @class = "form-control" }) 您可以像这样使用JavaScript: @Html.CheckBoxFor(m => m.SupportRequire

如何检查razor在查看页面中是否选中复选框,以及是否选中显示文本框

我是asp.NETMVC和razor的新手,还在学习

查看代码

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

您可以像这样使用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>

非常简单:
@if(Model.SupportRequired){/*textbox here/*}
-可能需要将其拆分为多行,因为Razor解析器可能不喜欢它。我的代码有语法错误。我编辑了它。请再次查看。当页面加载时。。检查
SupportRequired
属性的值,并显示和隐藏文本框<代码>@Html.TextBoxFor(m=>m.AssistName new{@class=“form control”,style=“display:@(Model.SupportRequired==true?”块):“无”))很奇怪,这是用于编辑页面的吗?如果是,您希望在加载时发生这种情况?请更清楚。如果在加载页面时选中复选框,然后用户取消选中它,会发生什么情况?这可以通过JS/jQuery完成,或者如果它像在加载页面时显示文本框一样简单,那么Razor就会这样做suffice@PeterB太赫兹公司注意,我添加了双引号,但逗号在哪里?为了将来的参考(无论如何,不要说你的代码是错误的),你不需要为和自定义
id
属性提供
复选框。如果你想让它和发布的OP一样,你可以只使用
$(“#需要支持”)
$(“#AssistName”)
Razor为您动态执行此操作Hanks,我想我需要将文本框设置为在页面加载时隐藏,因为文本框显示在页面加载时。如何隐藏标签@Html.LabelFor(m=>m.SupportRequired,新的{style=“display:none”,“您需要什么支持:”)@Tom它可以像TextBoxFor一样,通过JavaScript设置id和显示或隐藏。
$(document).ready(function() {
    valueChanged();
});