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

  1. using RadioButtonForApp_MVC.Models;  
  2. using System;  
  3. using System.Collections.Generic;  
  4. using System.Linq;  
  5. using System.Web;  
  6. using System.Web.Mvc;  
  7.   
  8. namespace RadioButtonForApp_MVC.Controllers  
  9. {  
  10.     public class EmployeeController : Controller  
  11.     {  
  12.         //  
  13.         // GET: /Employee/  
  14.         public ActionResult Index()  
  15.         {  
  16.             Employee emp = new Employee();  
  17.             return View(emp);  
  18.         }  
  19.     }  
  20. }  
Create an Employee Class as in Figure 6.
 

Figure 6: Add ADO.NET Entity Framework

Employee.cs

  1. using System;  
  2. using System.Collections.Generic;  
  3. using System.Linq;  
  4. using System.Web;  
  5.   
  6. namespace RadioButtonForApp_MVC.Models  
  7. {  
  8.     public class Employee  
  9.     {  
  10.         public string SelectedDepartments { getset; }  
  11.         public List<Department> Departments  
  12.         {  
  13.             get  
  14.             {  
  15.                 EmployeeEntities db = new EmployeeEntities();  
  16.                 return db.Departments.ToList();  
  17.             }  
  18.         }  
  19.     }  
  20. }  

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

  1. @model  RadioButtonForApp_MVC.Models.Employee  
  2.   
  3. @{  
  4.     ViewBag.Title = "Index";  
  5. }  
  6.   
  7. <h2>Index</h2>  
  8.   
  9. @foreach (var department in Model.Departments)  
  10. {  
  11.     @Html.RadioButtonFor(p => p.SelectedDepartments, department.DeptId)@department.DepartmentName  
  12. }  
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!


Similar Articles
MVC Corporation
MVC Corporation is consulting and IT services based company.