Support us .Net Basics C# SQL ASP.NET ADO.NET MVC Slides C# Programs Subscribe Buy DVD

ASP.NET CheckBoxList and ListBox real time example - Part 26

Suggested Videos
Part 23 - Asp.net checkboxlist control
Part 24 - Asp.net checkboxlist, select or deselect all list items
Part 25 - ASP.NET ListBox control

In this video we will discuss about a simple real time example using asp.net checkboxlist and listbox.



Copy and Paste the following HTML on the ASPX page
<asp:CheckBoxList ID="CheckBoxList1" runat="server" 
    RepeatDirection="Horizontal" AutoPostBack="True" 
    onselectedindexchanged="CheckBoxList1_SelectedIndexChanged">
    <asp:ListItem Text="Diploma" Value="1"></asp:ListItem>
    <asp:ListItem Text="Graduate" Value="2"></asp:ListItem>
    <asp:ListItem Text="Post Graduate" Value="3"></asp:ListItem>
    <asp:ListItem Text="Doctrate" Value="4"></asp:ListItem>
</asp:CheckBoxList>
<br />
<asp:ListBox ID="ListBox1" runat="server" Height="78px" Width="127px">
</asp:ListBox>
<br /><br />
<asp:Label ID="lblMessage" runat="server" Font-Bold="true"></asp:Label>



Copy and Paste the following code in the code behind page
protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e)
{
    // Everytime the selection changes, clear the items in the listbox
    ListBox1.Items.Clear();
    // Loop thru each litemitem in the checkboxlist
    foreach (ListItem li in CheckBoxList1.Items)
    {
        // If the listitem is selected
        if (li.Selected)
        {
            // Add the listitem text to the listbox
            ListBox1.Items.Add(li.Text);

            // Add the lisitem as an object. This ensures the listitem is 
            // selected in the listbox. For this to work, listbox, 
            // SelectionMode must be set to Multiple. The SelectionMode
            // Property can be set in the HTML source also.
            // ListBox1.SelectionMode = ListSelectionMode.Multiple
            // ListBox1.Items.Add(li);
        }
    }
    // If nothing is selected from the checkboxlist
    if (CheckBoxList1.SelectedIndex == -1)
    {
        // Set the label ForeColor to Red
        lblMessage.ForeColor = System.Drawing.Color.Red;
    }
    // If atleast one listitem is selected
    else
    {
        // Set the label forecolor to black
        lblMessage.ForeColor = System.Drawing.Color.Black;
    }
    // Display the total number of items selected from the checkboxlist
    lblMessage.Text = ListBox1.Items.Count.ToString() + " item(s) selected";
}

1 comment:

  1. Dear Sir,
    I'm a big fan of your tutorials and constantly gaining knowledge through your videos. A big Thanks for you

    Sir I have a little problem as I am an IT student
    and doing project on shoping cart system but
    stuck in Search filteration module by multiple checkboxes
    Sir please give me Idea how to do Filteration from multiple checkboxes and bind data into gridview in ASP.NET
    Thanks in Advance Sir

    ReplyDelete

If you like this website, please share with your friends on facebook and Google+ and recommend us on google using the g+1 button on the top right hand corner.