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

Question

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

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

查看代码

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