How to switch between two partials on a click of a checkbox?

Question

I have a checkbox and when it is checked i want to dispaly 1 partial view and when it is unchecked i want it to dispaly another partial view. how can this be done?

Ravi Patel · Answer

Hi  try this $('#isAgeSelected').bind('change' function () { if ($(this).is(':checked')) { $.ajax({ url: your url type: 'POST' success: function (result) { $('#yourDivId').html(result); } }); } else { $.ajax({ url: your another url type: 'POST' success: function (result) { $('#yourDivId').html(result); } }); } });

Pramod Thakur · Answer

Hi You can call using ajax call. $('#checkboxes :checkbox').change(function () { var value = $(#checkboxId).val(); if(value==1) { $.ajax({ url: your url type: 'POST' success: function (result) { $('#yourDivId').html(result); } else { $.ajax({ url: your another url type: 'POST' success: function (result) { $('#yourDivId').html(result); } }); Please mark as answer if it is useful to you.

shosho s · Answer

Hey thank you for your reply but my parital view widget is still not displaying :S this is what im doing: $('#IsswitchedON').bind('change' function () { if (!$(this).is(':checked')) { var _projectId = $('#ProjectId').val(); $.ajax({ url: '@Url.Action(AssignactionItem)' data: { 'projectId': _projectId } type: POST success: function (Res) { $('#SecondDefaultBox').html(Res); alert('result'); (this message does get displayed but my widget doesnt) } error: function (request status error) { alert(request.responseText); } }); } });