Question

我有复选框列表，我想检查是否至少选中了一个复选框。如果没有选中，那么我想显示提示信息，请选择至少一个项目。如果可能的话，我想在代码中执行此操作。我已经开始，但不知道它是对还是错，但无法完成它。

 public void alert()
    {
        foreach (ListItem listItem in cblCustomerList.Items)
        {
            if (!listItem.Selected)
            {
            }
        }
    }

这是aspx中的复选框列表：

 <asp:CheckBoxList ID="cblCustomerList" runat="server" DataSourceID="SqlDataSource1" CssClass="CheckBoxList"
            DataTextField="GroupName" DataValueField="GroupName" 
                onclick="readCheckBoxList()" >               
            </asp:CheckBoxList>

这是按钮：

 <asp:Button ID="Button1" runat="server" CausesValidation="True" 
                            CommandName="Insert" Text="Insert" OnClientClick="return Validate_Checkbox()" />

感谢您的帮助。

Answer 1

if(cblCustomerList.Items.Cast<ListItem>().Any(item => item.Selected))
{
   // at least one selected
}

Answer 2

编辑：

这是一个示例代码。它对我工作

必须添加此脚本文件：<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

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

<!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 src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        function Validate_Checkbox() {
            var chks = $("#<%= cblCustomerList.ClientID %> input:checkbox");          

            var hasChecked = false;
            for (var i = 0; i < chks.length; i++) {
                if (chks[i].checked) {
                    hasChecked = true;
                    break;
                }
            }
            if (hasChecked == false) {
                alert("Please select at least one checkbox..!");

                return false;
            }

            return true;
        }     
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:CheckBoxList ID="cblCustomerList" runat="server" CssClass="CheckBoxList">
            <asp:ListItem Value="0">xx</asp:ListItem>
            <asp:ListItem Value="1">yy</asp:ListItem>
        </asp:CheckBoxList>
        <asp:Button ID="xx" runat="server" OnClientClick="javascript:Validate_Checkbox();return true;" />
    </div>
    </form>
</body>
</html>

然后你改变了

<asp:CheckBoxList ID="cblCustomerList" runat="server" DataSourceID="SqlDataSource1" CssClass="CheckBoxList" DataTextField="GroupName" DataValueField="GroupName">             
            </asp:CheckBoxList>

控制而不是我的示例代码。并调用按钮控件中的javascript function。查看我的示例代码。

CHEARS !!!

编辑

请添加此脚本文件

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

而不是<script src="scripts/jquery-1.8.3.min.js" type="text/javascript"></script>

Answer 3

试试这个;

boolean b = cblCustomerList.Items.Cast<ListItem>().Any(i => i.Selected)

如果b为true，则在您的复选框列表中至少选择了一个。

不要忘记使用System.Linq命名空间。

Answer 4

// using System.Linq;

// Considering that items are of ListItem type, otherwise use Cast<ListItem>()
if (!cblCustomerList.Items.Any(i => i.Selected))
{
    // TODO: Warn an user
}

Answer 5

您只需使用cblCustomerList.SelectedItem == null，SelectedItem将返回已检查项目列表中的最低序数项，因此如果未返回任何内容，则不会检查任何内容。

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.checkboxlist.aspx

Answer 6

        if(! cblCustomerList.Items.Cast<ListItem>().AsParallel().Any(i => i.Selected))
        {
           ShowAlert("Please select at least one option");
        }

Answer 7

jQuery解决方案。

if (!$(".CheckBoxList").find("input:checked").length) {
    alert("Houston, we've had a problem!");
}

Answer 8

我能想到的最简单的方式......

public void alert()
        {
            int i=0;
            foreach (ListItem listItem in cblCustomerList.Items)
            {
                if (listItem.Selected)
                {
                    i++;
                }
            }
            if(i !=0)
            {
                Response.Write("Please check at least one option");
            }
        }
    }

检查是否至少选中了一个复选框列表

8 个答案: