На радиокнопке проверьте/снимите флажок, загрузите/скройте частичный вид

Question

Я хочу загрузить или скрыть частичный вид, когда переключатель радиоуправляемых отмечен или снят. В настоящее время я не понимаю, что мне делать. я в настоящее время имеют это в виду

@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/bootstrap") 
@Scripts.Render("~/bundles/jqueryval") 
@using (Html.BeginForm("Index", "Response", FormMethod.Post)) 
{  
      <div class="form-group"> 
       <div class="input-group"> 
        @Html.EditorFor(m => m.Isattending, "RadioButtonQuestion") 
       </div> 

      </div> 

} 
<div id="provideDateTime"> 
    //load partial view here 
</div> 

<script> 
    $(document).ready(function() { 
     $('input:radio[name=Isattending_0]').change(function() { 

      if ($("#Isattending_0").is(':checked')) { 
       //show partial view. 
       //should call a method in controller that renders partial view 
       //don't know what to do 
      } 
      else { 
       //hide partial view 
      } 
     }) 

    }) 

    </script> 

Помощник editfor генерирует два радио-кнопки с идентификатором Isattending_0 и Isattending_1, когда Isattending_0 проверяется частичный вид должен быть показан и на Снимают частичный вид должен быть скрыт, и по умолчанию он проверяется.

Этот метод используется в контроллере, который должен вызываться из вышеприведенного сценария

[HttpGet] 
public ActionResult AttendeeAvailability(Guid appointmentId, Guid attendeeId) 
{ 
    var attendeeAvailability = new AttendeeAvailableDateTime 
    { 
     AppointmentId = appointmentId, 
     AttendeeId = attendeeAvailability 
    }; 
    return View(attendeeAvailability); 
} 

PS: Я пытался показать/скрыть текст (Привет, мир) внутри DIV provideDateTime для начала с следующим кодом яваскрипта, но он не работает, текст привет мир всегда появлялся, даже если радиокнопка проверяется или незарегистрированного

<script> 
    $(document).ready(function() { 
     $('input:radio[name=Isattending_0]').change(function() { 

      if ($("#Isattending_0").is(':checked')) { 
       $("#provideDateTime").show(); 
      } 
      else { 
       $("#provideDateTime").hide(); 
      } 
     }) 

    }) 

    </script> 

Вынесена Html в браузере для радиокнопок

Answer 1

<script> 
    $(document).ready(function() { 
$.get('/Controller/Action',function(data){ 
        $('#provideDateTime').html(data); 
       }); 
     $('#Isattending_0').change(function() { 

      if ($("#Isattending_0").is(':checked')) { 
       $.get('/Controller/Action',function(data){ 
        $('#provideDateTime').html(data); 
       }); 
      } 

     }) 
    $('#Isattending_1').change(function() { 

      if ($("#Isattending_1").is(':checked')) { 

        $('#provideDateTime').html(''); 

      } 

     }) 
    }) 

    </script> 

Answer 2

Просто выполните jQuery Сообщение о вызове в вашем контроллере, обслуживающем частичный вид. Убедитесь, что тип возврата в Action Action - ActionResult - это вернет результат.

$.ajax(type: "POST", 
     url: "{route to your action}", 
     data: {data}, 
     success: function (response) // This response will actually be HTML of your partial View 
     { 
      $("whatever-div-you-want-your-partial-view-to-appear").html(response): 
     }