how to check mutiple check box in gridview in C#

Nirmal KumarC

n runmode in gridview as follows

Empid Empname Session1 Session2 Session3
header(Checkbox header(Checkbox) header(Checkbox)

1 GS Checkbox Checkbox Checkbox
2 RK Checkbox Checkbox Checkbox
3 RJ Checkbox Checkbox Checkbox

When i click the Session1header checkbox i want all session1 checkbox column to be checked in gridview.

Similiarily when i click the Session2 header checkbox i want all the session2 checkbox column to be checked in gridview.

Similiarily when i click the Session3 header checkbox i want all the session3 checkbox column to be checked in gridview.

For that how can i do in asp.net using c#.

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Manas Mohapatra11y ago
Accepted answer
Aspx code:

<asp:GridView ID="GridView1" runat="server" HeaderStyle-BackColor="#3AC0F2"
HeaderStyle-ForeColor="White" AutoGenerateColumns="false">
<Columns>
<asp:TemplateField>
<HeaderTemplate>
<asp:CheckBox ID="chkHeader" runat="server" />
HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkRow" runat="server" />
ItemTemplate>:TemplateField>
<asp:BoundField DataField="Name" HeaderText="Name" ItemStyle-Width="150" />
<asp:BoundField DataField="Country" HeaderText="Country" ItemStyle-Width="150" />
Columns>
asp:GridView>

Javascript Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">script>
<script type="text/javascript">
$("[id*=chkHeader]").live("click", function () {
var chkHeader = $(this);
var grid = $(this).closest("table");
$("input[type=checkbox]", grid).each(function () {
if (chkHeader.is(":checked")) {
$(this).attr("checked", "checked");
$("td", $(this).closest("tr")).addClass("selected");
} else {
$(this).removeAttr("checked");
$("td", $(this).closest("tr")).removeClass("selected");
}
});
});
$("[id*=chkRow]").live("click", function () {
var grid = $(this).closest("table");
var chkHeader = $("[id*=chkHeader]", grid);
if (!$(this).is(":checked")) {
$("td", $(this).closest("tr")).removeClass("selected");
chkHeader.removeAttr("checked");
} else {
$("td", $(this).closest("tr")).addClass("selected");
if ($("[id*=chkRow]", grid).length == $("[id*=chkRow]:checked", grid).length) {
chkHeader.attr("checked", "checked");
}
}
});
script>

<style type="text/css">
body
{
font-family: Arial;
font-size: 10pt;
}
.selected
{
background-color: #A1DCF2;
}
style>
Hemlata Kushwaha11y ago
http://www.aspsnippets.com/Articles/Implement-check-all-checkbox-functionality-in-ASPNet-GridView-control-using-JavaScript.aspx

------------------------------------
Use this link
Upendra Pratap Shahi11y ago
Nice Manas Mohapatra.
+1 vote