Javascript 如何使用razor检查查看页面中是否选中了复选框,如果选中,则显示文本框
如何检查razor在查看页面中是否选中复选框,以及是否选中显示文本框 我是asp.NETMVC和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
@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();
});