List of All Records

--- title: "Select All CheckBox from Header CheckBox" description: "In this article, I have created a program that will allow you to Select/Deselect all the CheckBoxes of a GridView Row from the GridView Header CheckBo" author: "Anonymous User" published: 2012-09-08 updated: 2019-12-02 canonical: https://www.mindstick.com/articles/996/select-all-checkbox-from-header-checkbox category: "asp.net" tags: ["asp.net"] reading_time: 18 minutes --- # Select All CheckBox from Header CheckBox Today, In this article, I have created a [program](https://www.mindstick.com/blog/12337/scaling-up-your-mentorship-program) that will allow you to Select/Deselect all the [CheckBoxes of a GridView](https://www.mindstick.com/articles/501/implementing-onblur-event-in-java-script) Row from the GridView Header CheckBox. For performing this task, I have taken a GridView Control and bind it with the [Data Source](https://www.mindstick.com/forum/160659/how-do-you-create-a-custom-filter-to-filter-any-text-in-the-data-source-in-angularjs). I have used ASP [Template](https://www.mindstick.com/blog/282/creating-custom-template-in-joomla) Field to Insert a [CheckBox Control](https://www.mindstick.com/articles/291/how-should-use-checkbox-control-in-vb-dot-net) at the initial of every [GridView row](https://www.mindstick.com/forum/33990/attach-multiple-files-gridview-row-in-knockout-js). The following are the code that I have used to create a GridView with CheckBox in each of its rows and also in its Header. #### Create the Following User Interface: ![Select All CheckBox from Header CheckBox](https://www.mindstick.com/mindstickarticle/2f772095-325f-4996-97a6-015f9c00a430/images/507135a5-a9c2-4736-9c9c-8857afc798a6.png) #### Here is the JavaScript Code to which enables us to Check all CheckBoxes from GridView Header CheckBox. ``` ``` ### Here is the final code of the .aspx page ##### \ ``` <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ShowRecords.aspx.cs" Inherits="ShowRecords" Debug="true" %> List of All Records

ID FirstName LastName FatherName Age Address Phone Email

``` ### Now, Code for .aspx.cs page: using System; ``` using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using System.Data; using System.Data.SqlClient;using System.IO;public partial class ShowRecords : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { //Binding the GridView BindGridViewShowRecords(); } } private void BindGridViewShowRecords() { //Creating Connection and Binding the GridView connection.con = new System.Data.SqlClient.SqlConnection(System.Configuration.ConfigurationManager.ConnectionStrings["MyConnectionString"].ConnectionString); connection.con.Open(); string query = "select * from tblUserInfo"; connection.da = new System.Data.SqlClient.SqlDataAdapter(query, connection.con); connection.bui = new SqlCommandBuilder(connection.da); connection.dt = new System.Data.DataTable(); connection.da.Fill(connection.dt); GridViewShowRecords.DataSource = connection.dt; GridViewShowRecords.DataBind(); } protected void GridViewShowRecords_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { CheckBox headerchk = (CheckBox)GridViewShowRecords.HeaderRow.FindControl("chkAll"); CheckBox childchk = (CheckBox)e.Row.FindControl("chkMember"); childchk.Attributes.Add("onclick", "javascript:Selectchildcheckboxes('" + headerchk.ClientID + "')"); } } } ``` Don’t forget to Create [SQLServer](https://www.mindstick.com/forum/33788/how-to-select-comma-separated-list-in-sqlserver) [Connection](https://yourviews.mindstick.com/view/83497/a-40-year-old-man-has-been-arrested-in-connection-with-the-abe-shooting). Here I have done this using [web.config](https://www.mindstick.com/forum/183/web-config-file) file. Simply add a tag **** in your web.config file as follows: ``` ``` ![Select All CheckBox from Header CheckBox](https://www.mindstick.com/mindstickarticle/2f772095-325f-4996-97a6-015f9c00a430/images/3ea0273d-11d8-42b9-914b-dce79aa908fb.png) \ --- Original Source: https://www.mindstick.com/articles/996/select-all-checkbox-from-header-checkbox Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.