JQuery Script Overview

JQuery Script

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("[id*=btnGet]").click(function () {
            var checked_checkboxes = $("[id*=chkemployee] input:checked");
            var message = "";
            checked_checkboxes.each(function () {
                var value = $(this).val();
                var text = $(this).closest("td").find("label").html();
                message += "Text: " + text + " Value: " + value;
                message += "\n";
            });
            alert(message);
            return false;
        });
    });
</script>

<form id="form1" runat="server">
<div>
    <table border="0" cellpadding="4" cellspacing="10" bgcolor="#b1b4b8" align="center">
    <tr><th colspan="2" style="color:Green"><h3 class="style2">Employe Details</h3></th></tr>
    <tr>
    <th class="style3">Full Name</th><td><asp:TextBox ID="txtfname" runat="server"
            Width="200"  MaxLength="100"
            style="color: #009900"></asp:TextBox></td></tr>
            <tr><th colspan="2"><asp:Button ID="btnsubmit" runat="server" Text="Submit"
                    onclick="btnsubmit_Click" /></th></tr>
       </table>
           </div>
           <div>
           <asp:CheckBoxList ID="chkemployee" runat="server">
          </asp:CheckBoxList>
           <asp:Button ID="btnGet" runat="server" Text="Get selected"/>
           </div>
    </form>

protected void Page_Load(object sender, EventArgs e)
{
    if (!Page.IsPostBack)
    {
        SqlCommand com;
        String query = "SELECT ID, fname FROM employee";
        com = new SqlCommand(query, con);
        SqlDataAdapter da = new SqlDataAdapter(com);
        DataTable dt = new DataTable();
        da.Fill(dt);
        chkemployee.DataSource = dt;
        chkemployee.DataTextField = "fname";
        chkemployee.DataValueField = "id";
        chkemployee.DataBind();
    }
}