Button Group of Radio Buttons is not setting any active Button with Bootstrap 3

Question

I am trying to create a nice group of radio buttons with MVC and Bootstrap 3:

After selecting an option:

I store the value in the database but

Answer 1

Try below code to render bootstrap radio button group with default select feature

View:

    

        @{
            foreach (var item in Model.GenderList)
            {
                

                   
                       @Html.RadioButtonFor(m => m.Gender, item.Key, (int)Model.Gender==item.Key ? new { @checked = "checked" } : null)
                       @item.Value
                  
                
            }
        }
    
    @Html.ValidationMessageFor(m => m.Gender)

Gender Enum:

public enum Gender
{
    Male = 0,
    Female = 1,
    RatherNotSay = 2
}

GenderList

It is an IEnumerable property in Model class which can be populated in the Get controller action using the Gender Enum.

public IEnumerable> GenderList { get; set; }

View will render as below: