剃须刀使用 javascript 基于单选按钮显示/隐藏

Question

我试图在 ASP MVC razor 视图中隐藏或显示文本框，现在我使用 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.Value 您的初始数据库值。这样它将第一次使用数据库中的值。

剃须刀使用 javascript 基于单选按钮显示/隐藏

Razor show / hide base on radio button using javascript

javascript

c#

razor