How to Bind CheckBoxlist By Model Data and Get Selected Value In Controller in asp.net MVC

In this article I will show you how you can bind a checkboxlist in an mvc application using c#.net by using entity model and how you can retrieve the selected checkbox value in at controller. This article you an use in MVC3,MVC4 and MVC5.

Some of my previous articles are as follows: jQuery Validation for Terms and Conditions Checkbox in Asp.Net, Code to Select All Checkbox in GridView in Asp.Net Using jQuery.

So for this article first we will create a new mvc application. Now we will add model file in our project and add the below code.

using System; using System.Collections.Generic; using System.Linq; using System.Web; namespace BindCheckBoxliatin_in_mvc.Models {     public class CountryModel     {         public List<Country> CountryList { get; set; }     }     public class Country     {         public int countryId { get; set; }         public bool CheckedStatus { get; set; }         public string CountryName { get; set; }     } }

Now we will add controller in our application and add the below code in it.

using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using BindCheckBoxliatin_in_mvc.Models; using System.Text; namespace BindCheckBoxliatin_in_mvc.Controllers {     public class HomeController : Controller     {         //         // GET: /Home/         public ActionResult Index()         {             CountryModel _objcountrymodel = new CountryModel();             _objcountrymodel.CountryList = new List<Country>();             _objcountrymodel.CountryList = BindCountry();             return View(_objcountrymodel);         }         [HttpPost]         public ActionResult Index(CountryModel _objcountrymodel)         {             StringBuilder sb = new StringBuilder();             sb.Append("SELECTED COUNTRY :- ").AppendLine();             foreach (var item in _objcountrymodel.CountryList)             {                 if (item.CheckedStatus == true)                 {                     sb.Append(item.CountryName + ", ").AppendLine();                 }             }             ViewBag.Country = sb.ToString();             return View(_objcountrymodel);         }         /// <summary>         /// This method will provide data         /// This mehod can be used for getting data from DB         /// </summary>         /// <returns></returns>         public List<Country> BindCountry()         {             List<Country> _objcountry = new List<Country>();             _objcountry.Add(new Country { countryId = 1, CountryName = "India" });             _objcountry.Add(new Country { countryId = 2, CountryName = "Pakistan" });             _objcountry.Add(new Country { countryId = 4, CountryName = "Sri Lanka" });             _objcountry.Add(new Country { countryId = 5, CountryName = "Japan" });             _objcountry.Add(new Country { countryId = 6, CountryName = "China" });             return _objcountry;         }     } }

In above code we have added httpget and httppost method both. In above code we have stored data viewbag to display at view end.

Now create view for the controller and add the below code.

@model BindCheckBoxliatin_in_mvc.Models.CountryModel @{     ViewBag.Title = "Index"; } <h2>     Bind CheckBoxList in MVC</h2> @using (Html.BeginForm("Index", "Home")) {     <table width="100%">         @for (int i = 0; i < Model.CountryList.Count; i++)         {             <tr>                 <td>                     @Html.CheckBoxFor(m => Model.CountryList[i].CheckedStatus)                     @Model.CountryList[i].CountryName                     @Html.HiddenFor(m => Model.CountryList[i].countryId)                     @Html.HiddenFor(m => Model.CountryList[i].CountryName)                 </td>             </tr>         }         <tr>             <td>                 <input type="submit" value="Submit" />             </td>         </tr>             <tr>             <td>                @ViewBag.Country             </td>         </tr>     </table> }

 Now we will run the application and check the output. As you run the application we will get below screen.

Now we will select the value and click on submit button. You will get the data from view to controller as shown below.

Now we will press F5 to view the final output.