CheckBoxList in ASP.Net MVC

So the question always arises, how to create a Checkboxlist in MVC. We can build this in ASP.Net webforms very easily using built-in server controls. But how to do this in MVC.



Figure: Checkbox List

So in this article, I explain how to create a checkboxlist in MVC.

Please follow these steps:

Step 1

Click "File" -> "New" -> "Project...".



Figure 1: Create New MVC Project

Step 2

Select "ASP.Net MVC4 WebApplication", provide your Project Name, for example I used "CheckboxListDemo", then click "Ok".

Step 3

Now select "Internet Application", and then click "Ok".



Figure 2: Select Project Template

Step 4

For this application we will create a Model. So right-click on the Model folder then click on "Add" -> "Class".



Figure 3: Add a New model.

Here we will create "StudentModel". Now click on the "Add" Button.

Now add the following code.

In the code above, I create am "IList<SelectListItem>" type propery. This SelectListItem returns both text and a value that is helpful for lists (like Dropdownlist, Listbox etcetera).

We will now write the code for a Controller.

Right-click on the Controller folder then seelct "Add" >> "Controller".



Figure 4: Add New Controller

Now this is our Empty MVC Controller, click on the "Add" button. We will now write the code.

In the code above, I create a new ActionMethod and Student. In this Action Method , I am returning a model, that has a list of student names.

If you notice in the code above, I use SelectListItem and SelectListItem having the two properties Text and Value, that are helpful for a list like Dropdownlist, Listbox etcetera.

Now add a new view, so right-click and click on "Add View".



Figure 5: Add View

Now click on the "Add" button. Now add the following code:

Student.cshtml