Razor显示/隐藏基于单选按钮使用javascript

Question

我试图隐藏或显示一个文本框，在一个ASP MVC剃刀视图，现在我使用javascript来处理当我点击单选按钮，这可以帮助我做隐藏或显示功能。但是，我想基于数据库记录隐藏和显示文本框，所以如果我使用下面的代码，我需要单击隐藏或显示文本框的单选，任何人都可以给我建议如何隐藏或显示基于数据库记录的文本框，不需要单击单选按钮?由于

<script type="text/javascript">
const { checked } = require("modernizr");
function text(x) {
if  (x == 0 ) document.getElementById("name").style.display = "block",
document.getElementById("address").style.display = "none",

else  document.getElementById("name").style.display = "none",
document.getElementById("address").style.display = "block",
return;
}
</script>

//radio name
@Html.LabelFor(Model => Model.Type, "A")
@Html.RadioButtonFor(Model => Model.Type, "A" , new { @onclick = "text(0)", @id = "but1" })

@Html.LabelFor(Model => Model.Type, "B")
@Html.RadioButtonFor(Model => Model.Type, "B" , new { @onclick = "text(1)", @id = "but2" })
//textbox(name)
<div class="form-group col-md-6" id="name">
@Html.LabelFor(model => model.name, new { @class = "control-label" })
@Html.TextBoxFor(model => model.name, new { @class = "form-control"e })
</div>
//textbox(address)
<div class="form-group col-md-6" id="address">
@Html.LabelFor(model => model.address, new { @class = "control-label" })
@Html.TextBoxFor(model => model.address, new { @class = "form-control" })
</div>

Answer 1

<script>
// self executing function here
(function() {
// your page initialization code here
// the DOM will be available here
text(@Model.Value);
})();
</script>

这是一个文档准备函数。您的text()方法将在页面加载时被调用。使用@ model。为初始db值赋值。这样，它将第一次使用db.

中的值工作。