MVC4でラジオボタンのテキストを選択してフェードアウトをフェードインできますか？

Question

こんにちは、それはフェードインを行うとフェードアウトラジオボタンのテキストを選択することですることが可能です。問題をはっきりと説明します。

私のラジオボタン

私は訪問型に2つのラジオボタンがあります。

フェードインフェードアウトフィールズ

私が直接訪問として訪問タイプを選択した場合、それはそうのStartTimeと終了時間が表示されますこれらの2つのフィールドは表示されません。今はすべて正常に動作しています。今私が何をしたい私は、内部のラジオボタンのテキストを

の選択テキスト私が行くと、テキストの上にオーバークリックした場合である

（つまり直接の訪問ではない選択しても、フィールドを表示したいですラジオボタンサークルの場合）、サークル内で自動的に選択され、フィールド（開始時間と終了時間）を表示する必要があります。私は私のレベルで最高の私の問題を説明しようとしました。いずれかは、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> 

マイJ-クエリコード

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

Answer 1

問題は、ラベル内にラジオボタンを囲む必要があることです。これを試してみてください！

<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> 

スパンの代わりにラベルを使用することもできます。

Answer 2

私はasp.netを知らない。しかし、私はあなたが欲しいものを理解しています。だから、私はちょうどあなたにアイデアを与える。 HTMLでは、このように使うことができます。今

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

あなたが直接電話ラベルないラジオボタンをクリックすると、ラジオボタンが自動的にそのボタンをクリックせずに選択されています。

私は、このソリューションはあなたを助けることを願っています。