Проверьте, выбран ли хотя бы один checkboxlist
у меня есть checkboxlist, и я хотел бы проверить, установлен ли хотя бы один флажок. Если нет, я хочу показать предупреждающее сообщение, в котором говорится, что выберите хотя бы один элемент. Я хочу сделать это в коде, если это возможно. Я начал, но не знаю, правильно это или неправильно, но не могу закончить.
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()" />
Спасибо за вашу помощь.
8 ответов
Edit:
вот один пример кода. его работа для меня
необходимо добавить этот файл скрипта:<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
на кнопке управления.посмотрите мой пример кода.
здоровье!!!
редактировать
пожалуйста, добавьте этот скрипт файлом
<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>
попробуй это:
boolean b = cblCustomerList.Items.Cast<ListItem>().Any(i => i.Selected)
если b
is true
, по крайней мере один из них выбран в списке флажков.
Не забудьте использовать System.Linq
пространство имен.
// 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
}
вы просто используете cblCustomerList.SelectedItem == null
, SelectedItem вернет самый низкий порядковый элемент в списке проверенных элементов, поэтому, если ничего не возвращается, ничего не проверяется.
http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.checkboxlist.aspx
if(! cblCustomerList.Items.Cast<ListItem>().AsParallel().Any(i => i.Selected))
{
ShowAlert("Please select at least one option");
}
решение на jQuery.
if (!$(".CheckBoxList").find("input:checked").length) {
alert("Houston, we've had a problem!");
}
самый простой способ я могу думать....
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");
}
}
}