Check this sample. I have done it using jQuery
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type = "text/javascript">
$("[id*=btnAccept]").live("click", function () {
$("[id*=GridView1] input[type=checkbox]:checked").each(function () {
$(".UserStatus", $(this).closest("tr")).html("Accepted");
});
return false;
});
$("[id*=btnReject]").live("click", function () {
$("[id*=GridView1] input[type=checkbox]:checked").each(function () {
$(".UserStatus", $(this).closest("tr")).html("Rejected");
});
return false;
});
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField = "Name" HeaderText = "Name" />
<asp:BoundField DataField = "Status" HeaderText = "Status" ItemStyle-CssClass = "UserStatus" />
</Columns>
</asp:GridView>
<br />
<asp:Button ID="btnAccept" runat="server" Text="Accept" />
<asp:Button ID="btnReject" runat="server" Text="Reject" />
</form>
</body>
</html>
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.AddRange(new DataColumn[2] { new DataColumn("Name"), new DataColumn("Status") });
dt.Rows.Add("John", "Pending");
dt.Rows.Add("Rick", "Pending");
dt.Rows.Add("Andrew", "Pending");
dt.Rows.Add("Peter", "Pending");
GridView1.DataSource = dt;
GridView1.DataBind();
}
