Showing posts with label CheckBoxList. Show all posts
Showing posts with label CheckBoxList. Show all posts

Sunday, April 20, 2014

Validate ASP.Net CheckBoxList control using JavaScript (Select atleast one item) 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default11.aspx.cs" Inherits="Default11" %>
<!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 type = "text/javascript">
    var atLeast = 1
    function ValidateCheckBoxList() {
        var CHK = document.getElementById("<%=CheckBoxList1.ClientID%>");
        var checkbox = CHK.getElementsByTagName("input");
        var counter = 0;
        for (var i = 0; i < checkbox.length; i++) {
            if (checkbox[i].checked) {
                counter++;
            }
        }
        if (atLeast > counter) {
            alert("Please select atleast " + atLeast + " item(s)");
            return false;
        }
        return true;
    }
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
    <asp:CheckBoxList ID="CheckBoxList1" runat="server">
<asp:ListItem Text = "Apple" Value = "1"></asp:ListItem>
    <asp:ListItem Text = "Mango" Value = "2"></asp:ListItem>
    <asp:ListItem Text = "Orange" Value = "3"></asp:ListItem>
</asp:CheckBoxList>
<asp:CustomValidator ID="CustomValidator2" runat="server" ErrorMessage="*Required"
ClientValidationFunction = "ValidateCheckBoxList"></asp:CustomValidator>
<asp:Button ID="Button1" runat="server" Text="Button" />
    </div>
    </form>
</body>
</html>
  









Posted by
simple money technique


at
12:07 AM






0
comments















Labels:
,

















Thursday, January 9, 2014






ASP.NET CheckBoxList and ListBox







<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>CheckBoxTest</title>
</head>
<body>
    <form id="Form1" runat="server">
    <div>
        <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>
    </div>
    </form>
</body>
</html>


using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
public partial class DropDownlist_Default : System.Web.UI.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";
    } 
}
  









Posted by
simple money technique


at
5:52 AM






0
comments















Labels:
,





















CheckBoxList Items







<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
  <title>CheckBoxTest</title>
</head>
<body>
  <form ID="Form1" runat="server">
    <div>
        Choose your favorite programming languages:<br /><br />
        <asp:CheckBoxList ID="chklst" runat="server" AutoPostBack="true" OnSelectedIndexChanged="chklst_OnSelectedIndexChanged" /><br /><br />
        <asp:Button ID="cmdOK" Text="OK" runat="server" OnClick="cmdOK_Click" />
        <br /><br />
        <asp:Label ID="lblResult" runat="server" />
    </div>
  </form>
</body>
</html>
 


using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
public partial class DropDownlist_Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, System.EventArgs e)
    {
        if (this.IsPostBack == false)
        {
            chklst.Items.Add("C");
            chklst.Items.Add("C++");
            chklst.Items.Add("C#");
            chklst.Items.Add("Visual Basic 6.0");
            chklst.Items.Add("VB.NET");
            chklst.Items.Add("Pascal");
        }
    }
    protected void chklst_OnSelectedIndexChanged(object sender, EventArgs e)
    {
        lblResult.Text = "You chose:<b>";
        foreach (ListItem lstItem in chklst.Items)
        {
            if (lstItem.Selected == true)
            {
                // Add text to label.
                lblResult.Text += "<br />" + lstItem.Text;
            }
        }
        lblResult.Text += "</b>";
    }
    protected void cmdOK_Click(object sender, System.EventArgs e)
    {
        lblResult.Text = "You chose:<b>";
        foreach (ListItem lstItem in chklst.Items)
        {
            if (lstItem.Selected == true)
            {
                // Add text to label.
                lblResult.Text += "<br />" + lstItem.Text;
            }
        }
        lblResult.Text += "</b>";
    }
}
  









Posted by
simple money technique


at
5:39 AM






0
comments















Labels: