Clicking RadioButton to show/hide html tr

Question

I have a mvc 5 application and I want to show/hide a section using tr section based on radiobutton click. Below is my code. Any help will be appreciated

Manas Mohapatra · Answer

In View Page: I am assuming that Yes and No should be selected one only - So I added group name. @Html.RadioButtonFor(model => model.RequiresDraft true new { id = RadioButtonYes name = group1 }) Yes @Html.RadioButtonFor(model => model.RequiresDraft false new { id = RadioButtonNo name = group1 }) No In Javascript var yesChecked = $(#RadioButtonYes).prop(checked); var noChecked = $(#RadioButtonNo).prop(checked); OR var yesChecked = $(#RadioButtonYes).is(':checked'); var noChecked = $(#RadioButtonNo).is(':checked'); if(yesChecked) { // Implement your logic }

Kwasi Denkyira · Answer

Thanks a lot. That works

Mohammad Aman · Answer

I hope my code will help you. See here: Hide and show $(document).ready(function(){ $(#btn1).click(function(){ $(#flip).hide(); }); $(#btn2).click(function(){ $(#flip).show(); }); }); Click to Hide/Show this