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:

Popular posts from this blog