how to set radio button checked in edit mode in MVC razor view

Question

I am new in MVC razor  I am trying to edit the web page  In which I have two radio buttons  I am successful in save data for radio button values  But when I trying to edit that value I am not able to select that radio button for which data is saved   I have enum for Gender  public enum Gender       Male      Female     My create code is  -   lt div class  editor-label  gt      Html LabelFor model   gt  model gender   lt  div gt   lt div class  editor-field  gt      Html RadioButtonFor x   gt  x gender   int Gender Male  Male     Html RadioButtonFor x   gt  x gender   int Gender Female  Female  lt  div gt    Edit code is like    lt div class  editor-label  gt      Html LabelFor model   gt  model gender   lt  div gt   lt div gt      if  Model gender     int Gender Male           Html RadioButtonFor model   gt  model gender   Male   new    checked   true        Html Label  Male       Html RadioButtonFor model   gt  model gender   Female       Html Label  Female           else          Html RadioButtonFor model   gt  model gender   Male       Html Label  Male       Html RadioButtonFor model   gt  model gender   Female   new    checked   true        Html Label  Female         lt  div gt

User · Answer

Here is how I do it and works both for create and edit:

//How to do it with enums
<div class="editor-field">
   @Html.RadioButtonFor(x => x.gender, (int)Gender.Male) Male
   @Html.RadioButtonFor(x => x.gender, (int)Gender.Female) Female
</div>

//And with Booleans
<div class="editor-field">
   @Html.RadioButtonFor(x => x.IsMale, true) Male
   @Html.RadioButtonFor(x => x.IsMale, false) Female
</div>

the provided values (true and false) are the values that the engine will render as the values for the html element i.e.:

<input id="IsMale" type="radio" name="IsMale" value="True">
<input id="IsMale" type="radio" name="IsMale" value="False">

And the checked property is dependent on the Model.IsMale value.

Razor engine seems to internally match the set radio button value to your model value, if a proper from and to string convert exists for it. So there is no need to add it as an html attribute in the helper method.

User · Answer

Here is the code for get value of checked radio button and set radio button checked according to it s value in edit form   Controller    HttpPost  public ActionResult Create FormCollection collection        try               CommonServiceReference tbl user user   new CommonServiceReference tbl user            user user gender   collection  rdbtnGender            return RedirectToAction  Index              catch Exception e                throw e           public ActionResult Edit int id        CommonServiceReference ViewUserGroup user   clientObj getUserById id       ViewBag UserObj   user      return View        VIEW   Create    lt input type  radio  id  rdbtnGender1  name  rdbtnGender  value  Male  required gt   lt label for  rdbtnGender1  gt MALE lt  label gt   lt input type  radio  id  rdbtnGender2  name  rdbtnGender  value  Female  required gt   lt label  for  rdbtnGender2  gt FEMALE lt  label gt    Edit    lt input type  radio  id  rdbtnGender1  name  rdbtnGender  value  Male    ViewBag UserObj user gender     Male     checked  true         required gt   lt label for  rdbtnGender1  gt MALE lt  label gt    lt input type  radio  id  rdbtnGender2  name  rdbtnGender  value  Female    ViewBag UserObj user gender     Female     checked  true         required gt   lt label for  rdbtnGender2  gt FEMALE lt  label gt

User · Answer

To set radio button checked in edit mode in MVC razor view  please trying as follow    lt div class  col-lg-11 col-md-11  gt        Html RadioButtonFor m   gt  m Role   1   Model Role    1    checked    string Empty         lt span gt Admin lt  span gt        Html RadioButtonFor m   gt  m Role   0   Model Role    0    checked    string Empty        lt span gt User lt  span gt        Html HiddenFor m   gt  m Role   lt  div gt    Hope it help

User · Answer

Add checked to both of your radio button  And then show hide your desired one on document ready   lt div class  quot form-group quot  gt       lt div class  quot mt-radio-inline quot  style  quot padding-left 15px  quot  gt           lt label class  quot mt-radio mt-radio-outline quot  gt              Full Edition              lt input type  quot radio quot  value  quot    int SelectEditionTypeEnum FullEdition  quot  asp-for  quot SelectEditionType quot  checked gt               lt span gt  lt  span gt           lt  label gt           lt label class  quot mt-radio mt-radio-outline quot  gt              Select Modules              lt input type  quot radio quot  value  quot    int SelectEditionTypeEnum CustomEdition  quot  asp-for  quot SelectEditionType quot  checked gt               lt span gt  lt  span gt           lt  label gt       lt  div gt   lt  div gt

User · Answer

You have written like   Html RadioButtonFor model   gt  model gender   Male   new    checked   true    and  Html RadioButtonFor model   gt  model gender   Female   new    checked   true      Here you have taken gender as a Enum type and you have written the value for the radio button as a string type- change  Male  to 0 and  Female  to 1

User · Answer

Don t do this at the view level  Just set the default value to the property in your view model s constructor  Clean and simple  In your post-backs  your selected value will automatically populate the correct selection   For example  public class MyViewModel           public MyViewModel                         Gender    Male                  x000D   x000D   lt table gt  x000D     lt tr gt  x000D    lt td gt  lt label gt  Html RadioButtonFor i   gt  i Gender   Male  Male lt  label gt  lt  td gt  x000D    lt td gt  lt label gt  Html RadioButtonFor i   gt  i Gender   Female  Female lt  label gt  lt  td gt  x000D     lt  tr gt  x000D    lt  table gt  x000D   x000D   x000D

[asp.net-mvc-4] how to set radio button checked in edit mode in MVC razor view

Examples related to asp.net-mvc-4

Examples related to razor