.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
 
Sign In
Register
 
Win Surprise Gifts!!!
Congratulations!!!


Top 5 Contributors of the Month
david stephan

Post New Resource Bookmark and Share   

Select Deselect all checkbox in gridview using javascript

Posted By:satyapriyanayak       Posted Date: March 11, 2013    Points: 40    Category:    URL: http://www.dotnetspark.com  

Select Deselect all checkbox in gridview using javascript
 

Here we will know how to select deselect all checkbox in gridview using javascript.

 

Program

Default.aspx code

 

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Untitled Page</title>

    <script type="text/javascript" language="javascript">

function Selectall_Deselectall(CheckBoxControl)

{

if (CheckBoxControl.checked == true)

{

var i;

for (i=0; i < document.forms[0].elements.length; i++)

{

if ((document.forms[0].elements[i].type == 'checkbox') &&

(document.forms[0].elements[i].name.indexOf('checkpoint') > -1))

{

document.forms[0].elements[i].checked = true;

}

}

}

else

{

var i;

for (i=0; i < document.forms[0].elements.length; i++)

{

if ((document.forms[0].elements[i].type == 'checkbox') &&

(document.forms[0].elements[i].name.indexOf('checkpoint') > -1))

{

document.forms[0].elements[i].checked = false;

}

}

}

}

</script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="true">

    <Columns>

            

    <asp:TemplateField>

    <HeaderTemplate>

    <input type="checkbox" name="SelectAllCheckBox" onclick="Selectall_Deselectall(this)">

    </HeaderTemplate>

    <ItemTemplate>

    <asp:CheckBox id="checkpoint" runat="server" ></asp:CheckBox>

    </ItemTemplate>

    </asp:TemplateField>

    </Columns>

 </asp:GridView>

 

    </div>

    </form>

</body>

</html>

 

 

Default.aspx.vb code

 

Imports System.Data.SqlClient

Imports System.Data

Partial Class _Default

    Inherits System.Web.UI.Page

    Dim strConnString As String = System.Configuration.ConfigurationManager.ConnectionStrings.Item("ConnectionString").ToString()

    Dim con As New SqlConnection(strConnString)

    Dim str As String

    Dim com As SqlCommand

    Dim sqlda As SqlDataAdapter

    Dim ds As DataSet

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

        con.Open()

        str = "select * from student"

        com = New SqlCommand(Str, con)

        Dim reader As SqlDataReader

        reader = com.ExecuteReader()

        GridView1.DataSource = reader

        GridView1.DataBind()

        con.Close()

    End Sub

End Class



     

Further Readings:

Responses

No response found. Be the first to respond this post

Post Comment

You must Sign In To post reply
Here

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend