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); } }); } });

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

Answers (3)