RadioButtonFor Helper in MVC

Introduction

This article shows how to use a RadioButtonFor helper in MVC applications.

Create an ASP.Net Web Application as in Figure 1.

Figure 1: Web Application

Choose MVC template as in Figure 2.

Figure 2: MVC template

Add an Employee Controller as in Figures 3, 4 and 5.

Figure 3: Add Controller

Figure 4: MVC controller - empty

Figure 5: EmployeeController

EmployeeController.cs

Create an Employee Class as in Figure 6.

Figure 6: Add ADO.NET Entity Framework

Employee.cs

Set up Entity Framework as in Figures 7 and 8.

Figure 7: Add ADO.NET Entity Framework

Figure 8: Connection Setting

Add the View as in Figures 9 and 10.

Figure 9: Add View

Figure 10: Index view

Index.cshtml

@model RadioButtonForApp_MVC.Models.Employee
@{
ViewBag.Title = "Index";
}
<h2>Index</h2>
@foreach (var department in Model.Departments)
{
@Html.RadioButtonFor(p => p.SelectedDepartments, department.DeptId)@department.DepartmentName
}

The output of the application is as shown in the following.

Figure 11: Index

Summary

In this article we saw how to use a RadioButtonFor helper in MVC applications.
Happy coding!

2 Comments

Join the conversation! Your thoughts help the community grow.

Distributed Solutions8y ago
This solution leaves out one of the most common attribute - group of radio buttons typically have a default button checked. What would be the most elegant way to have the default button checked? Conditional if statement?
Santhakumar Munuswamy11y ago
Thanks for nice one