Javascript 在MVC4中选择radiobutton的文本是否可以淡入淡出？

嗨，通过选择单选按钮的文本，可以进行淡入淡出。我会解释清楚我的问题

我的单选按钮

我有两个访问类型的单选按钮

淡入淡出字段

如果我选择访问类型作为直接访问，它将显示开始时间和结束时间，否则它将不显示这两个字段。现在一切都很好。现在我想要的是，我想通过选择单选按钮的文本来显示字段

选择文本

也就是说，如果我去点击文本（即直接访问，而不是单选按钮圈内），它会自动选择圈内，并显示字段（开始时间和结束时间）。我试着按照我最好的水平来解释我的问题。请任何人告诉我，可以通过选择mvc4中的单选按钮文本来显示所依赖的字段

我的视图代码

   <div class="col-sm-4" id="VisitType">
   <div class="form-group">
   <span style="color: #f00">*</span>
   @Html.Label("Visit Type", new { @class = "control-label" })
   @Html.RadioButtonFor(model => model.VisitType, "true", new { id = "" }) Telephone
   @Html.RadioButtonFor(model => model.VisitType, "false", new { id = "" }) Direct Visit

   </div>
   </div>

  <div id="StartTime">
  <div class="col-sm-3">
   <div class="form-group">
   @Html.Label("Start Time", new { @class = "control-label" })
   @Html.TextBoxFor(model => model.StartTime, new { @class = "form-control ", type = "text" })
   @Html.ValidationMessageFor(model => model.StartTime)
   </div>
   </div>

   <div class="col-sm-3">
   <div class="form-group">
    @Html.Label("End Time", new { @class = "control-label" })
    @Html.TextBoxFor(model => model.EndTime, new { @class = "form-control ", type = "text" })
    @Html.ValidationMessageFor(model => model.EndTime)
   </div>
   </div>
   </div>

      $(document).ready(function () {
            $('#StartTime').hide();
            $('#VisitType input[type="radio"]').change(function () {
                if ($(this).val() === 'false') {
                    $('#StartTime').show();
                }
                else 
                {
                    $('#StartTime').hide();
                }
            });
        });

---

我不知道asp.net。但我明白你想要的是什么。所以，我只给你一个想法。在HTML中，可以这样使用

Visit Type
<label for="telephone">Telephone</label>
<input type="radio" id="telephone">

访问类型
电话

现在，如果您直接单击电话标签而不是单选按钮，则该单选按钮将自动选中，而无需单击该按钮

---

我希望这个解决方案能对你有所帮助

我不知道asp.net。但我明白你想要的是什么。所以，我只给你一个想法。在HTML中，可以这样使用

Visit Type
<label for="telephone">Telephone</label>
<input type="radio" id="telephone">

访问类型
电话

现在，如果您直接单击电话标签而不是单选按钮，则该单选按钮将自动选中，而无需单击该按钮

---

我希望这个解决方案能对你有所帮助

问题是您必须将单选按钮包含在标签中。试试这个

<div class="col-sm-4" id="VisitType">
           <div class="form-group">
           <span style="color: #f00">*</span>
           <label>
           @Html.RadioButtonFor(model => model.VisitType, "true", new { id = "" }) 
    Telephone
     </label>
    <label>
           @Html.RadioButtonFor(model => model.VisitType, "false", new { id = "" }) 
    Direct Visit
        </label>
           </div>
           </div>

*
@Html.RadioButton（model=>model.VisitType，“true”，新的{id=”“}）
电话
@Html.RadioButton（model=>model.VisitType，“false”，新的{id=”“}）
直接访问

---

您也可以使用标签代替span。

问题是您必须将单选按钮包含在标签中。试试这个

<div class="col-sm-4" id="VisitType">
           <div class="form-group">
           <span style="color: #f00">*</span>
           <label>
           @Html.RadioButtonFor(model => model.VisitType, "true", new { id = "" }) 
    Telephone
     </label>
    <label>
           @Html.RadioButtonFor(model => model.VisitType, "false", new { id = "" }) 
    Direct Visit
        </label>
           </div>
           </div>

*
@Html.RadioButton（model=>model.VisitType，“true”，新的{id=”“}）
电话
@Html.RadioButton（model=>model.VisitType，“false”，新的{id=”“}）
直接访问

---

您也可以使用标签代替span。

Ok susan。如果我的代码确实帮助了你，那么请接受并投票！祝你快乐！好的，苏珊。如果我的代码确实帮助了你，那么请接受并投票！祝你快乐！