How to get checkbox checked value in MVC

March 29 2021 by Admin 11069 Views

In this article, we have described how to get checkbox checked value in MVC with an example and a sample code.

In this article, we have described how to get checkbox checked value in MVC with an example and a sample code. In this example, we have taken roles for this task, like admin and vice-admin, and shown the result on the label.

Database

We have provided the database table structure below. You can view it below and refer.

bind Checkboxlist in MVC and get selected value

Table Script

Create Table Roles(

ID int identity Primary key not null

,RoleName varchar(50)

);

insert into Roles(RoleName) values('Admin');

insert into Roles(RoleName) values('Vice-Admin');

insert into Roles(RoleName) values('Member');

Required Namespaces

you will need to use the following namespaces.

using System.Configuration;

using System.Data;

using System.Data.SqlClient;

using System.Linq;

using System.Web;

using System.Web.Mvc;

using Chechbox_List_MVC.Models;

HTML

We have shared razor html code below.

@model Chechbox_List_MVC.Models.checkbox_Master

Layout = null;

}

<!DOCTYPE html>

<html>

<head>

<title>How to get checkbox checked value in MVC </title>

@Scripts.Render("~/bundles/jquery")

@Scripts.Render("~/bundles/bootstrap")

</head>

<body>

<div>

<h2><small>CheckBox List Bind</small></h2>

</div>

@using (Html.BeginForm("", "Checkbox_List", FormMethod.Post))

{

@Html.AntiForgeryToken()

@Html.ValidationSummary(true, "", new { @class = "text-danger" })

@Html.LabelFor(model => model.role_Database, "Checkbox bind from Database", htmlAttributes: new { @class = "control-label col-md-3 col-sm-3 col-xs-12" })

@for (int i = 0; i < Model.checkDatabase.Count(); i++)

{

@Html.CheckBoxFor(m => m.checkDatabase[i].Selected, new { @class = "flat" })@Model.checkDatabase[i].Text

@Html.HiddenFor(m => m.checkDatabase[i].Text)

@Html.HiddenFor(m => m.checkDatabase[1].Value)

}

@Html.ValidationMessageFor(model => model.role_Database, "", new { @class = "text-danger" })

</div>

<br />

@Html.LabelFor(model => model.role_Static, "Checkbox bind from static list of items", htmlAttributes: new { @class = "control-label col-md-3 col-sm-3 col-xs-12" })

@for (int i = 0; i < Model.StaticCheckbox.Count(); i++)

{

@Html.CheckBoxFor(m => m.StaticCheckbox[i].Selected, new { @class = "flat" })

@Html.DisplayFor(m => m.StaticCheckbox[i].Text)

@Html.HiddenFor(m => m.StaticCheckbox[1].Value)

}

@Html.ValidationMessageFor(model => model.role_Database, "", new { @class = "text-danger" })

</div>

<br />

<b>@Html.LabelFor(model => model.Selected_Result, "OutPut", htmlAttributes: new { @class = "control-label col-md-3 col-sm-3 col-xs-12" }) </b>

@Html.DisplayFor(model => model.Selected_Result, new { htmlAttributes = new { @class = "form-control", @Type = "email" } })

@Html.ValidationMessageFor(model => model.Selected_Result, "", new { @class = "text-danger" })

</div>

<br />

<button type="button" class="btn btn-primary">Cancel</button>

<button type="reset" class="btn btn-primary">Reset</button>

<button type="submit" class="btn btn-success">Submit</button>

</div>

}

</div>

</body>

</html>

Model

public class checkbox_Master

{

public string role_Database { get; set; }

public string role_Static { get; set; }

public string Selected_Result { get; set; }

public List<CheckboxList_model> checkDatabase { get; set; }

public List<CheckboxList_model> StaticCheckbox { get; set; }

}

public class CheckboxList_model

{

public string Text { get; set; }

public int Value { get; set; }

public Boolean Selected { get; set; }

}

Controller

In this Controller we have Created Checkbox_List name of Controller and we manged model like fill data and get selected checkbox value.

public class Checkbox_ListController : Controller

{

[HttpGet]

public ActionResult Index()

{

checkbox_Master chkm = new checkbox_Master

{

checkDatabase = chkDatabase(),

StaticCheckbox = ChkMRole(),

Selected_Result = ""

};

return View(chkm);

}

[HttpPost]

public ActionResult Index(checkbox_Master chk)

{

checkbox_Master master = new checkbox_Master

{

Selected_Result = string.Join(",", (chk.checkDatabase.Where(x => x.Selected == true).Select(y => y.Text).ToArray())),

checkDatabase = chkDatabase(),

StaticCheckbox = ChkMRole(),

};

return View(master);

}

[NonAction]

public List<CheckboxList_model> chkDatabase()

{

List<CheckboxList_model> newChkmodel = new List<CheckboxList_model>();

string databasecon = Convert.ToString(ConfigurationManager.ConnectionStrings["myConnectionString"]);

SqlConnection con = new SqlConnection(databasecon);

SqlCommand cmd = new SqlCommand("Select * from Roles", con);

con.Open();

using (SqlDataReader idr = cmd.ExecuteReader())

{

while (idr.Read())

{

newChkmodel.Add(PopulateRoles(idr));

}

return newChkmodel;

}

private CheckboxList_model PopulateRoles(SqlDataReader idr)

{

return new CheckboxList_model

{

Selected = false,

Text = idr["RoleName"].ToString(),

Value = Convert.ToInt32(idr["ID"])

};

}

[NonAction]

public List<CheckboxList_model> ChkMRole()

{

List<CheckboxList_model> chkRole = new List<CheckboxList_model>(){

new CheckboxList_model{ Text="Admin", Value = 1 ,Selected=false},

new CheckboxList_model{ Text="Vice-Admin", Value = 2 ,Selected=false},

new CheckboxList_model{ Text="Member", Value = 3 ,Selected=false }

};

return chkRole;

}

Screenshot

How to get checkbox checked value in MVC

Download

Home > MVC > How to get checkbox checked value in MVC

How to get checkbox checked value in MVC

Comments

Leave a Reply

Comment:^*

Please your Comment !

Email ID:^*

Enter Your Email Id ! Enter Your Validate Email Id !

Name:^*

Enter your Name !

Techonogy

Information

Tags

Email Alerts

Home > MVC > How to get checkbox checked value in MVC

Comments

Leave a Reply Comment:* Please your Comment ! Email ID:* Enter Your Email Id ! Enter Your Validate Email Id ! Name:* Enter your Name !

Techonogy

Information

Tags

Email Alerts

Leave a Reply

Comment:^*

Please your Comment !

Email ID:^*

Enter Your Email Id ! Enter Your Validate Email Id !

Name:^*

Enter your Name !