Asp.net programming we consider all important topic for knowledge about controls,web Services, JSON, Ajax, database, and interview related Question. In this Asp.net and sql server tutorial blog we give many examples of jquery as like How Play YouTube Video in Your Asp.net Website by URL, How to Play YouTube Videos in Asp.net by using Jquery , Jquery Change div background on mouseover in asp.net , JQuery UI Datepicker (Calendar) etc.

Thursday, July 31, 2014

Checkbox list Example using javascript

CheckBoxList control example:

CheckBoxList is a Standard Server control of asp.net. In this post we consider a simple example of CheckBoxList control.  in this tutorial we also consider Example of  Check Uncheck all html CheckBox controls using jQuery:

As we know that this control gives to permission to use to select more than one option at some time.

Code on aspx page

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="checkboxlist.aspx.cs" Inherits="checkboxlist" %>

<!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></title>
    <script runat="server"> 
    protected void Button1_Click(object sender, System.EventArgs e) { 
        Label1.Text = "You are selected :<br />"
        foreach(ListItem li1 in CheckBoxList1.Items){ 
            if (li1.Selected == true) { 
                Label1.Text += li1.Text + "<br />"
            } 
        } 
    } 
</script> 
 
</head>
<body> 
    <form id="form1" runat="server"> 
    <div> 
        <asp:Label ID="Label1" runat="server"></asp:Label> 
        <br /> 
        <asp:Label ID="Label2" runat="server" Text="Select  favorites" AssociatedControlID="CheckBoxList1"></asp:Label> 
        <asp:CheckBoxList ID="CheckBoxList1" runat="server"> 
            <asp:ListItem>Oppption1</asp:ListItem> 
            <asp:ListItem>Oppption2</asp:ListItem> 
            <asp:ListItem>Oppption3</asp:ListItem> 
            <asp:ListItem>Oppption4</asp:ListItem> 
            <asp:ListItem>Oppption5</asp:ListItem> 
        </asp:CheckBoxList> 
        <br /> 
        <asp:Button ID="Button1" runat="server" Text="Show Result" OnClick="Button1_Click" /> 
    </div> 
    </form> 
</body> 
</html>

How to use CheckBox control in asp.net with JavaScript:


In this checklist Example take one check list with id “CheckBoxList1” and consider five items. And on javascript function for display how many and whose are selected in particular list. 
asp.net programming
Check List

Other Post: