一个多选题限制最多只能选N个,CheckBoxList 如何判断

最新推荐文章于 2018-09-04 20:37:11 发布
最新推荐文章于 2018-09-04 20:37:11 发布
阅读量1.4k 收藏 1
点赞数
文章标签： dataset server asp database object html

 一个多选题限制最多只能选N个,CheckBoxList 如何判断  

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>    
    <div>
        <asp:DataList ID="DataList1" runat="server" RepeatLayout="Flow">
        <ItemTemplate>
            <%#Eval("OrderID") %>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="False" RenderMode="Inline" UpdateMode="Conditional">
                <ContentTemplate>
                    <asp:CheckBoxList ID="CheckBoxList1" runat="server" DataSource='<%# GetOrderDetails(Convert.ToInt32(Eval("OrderID"))) %>' DataTextField="UnitPrice" DataValueField="ProductID" RepeatLayout="Flow" RepeatDirection="Horizontal" AutoPostBack="True" OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged">
                    </asp:CheckBoxList>                
                </ContentTemplate>
            </asp:UpdatePanel>
        </ItemTemplate>
        </asp:DataList>
        <asp:UpdatePanel ID="UpdatePanel2" runat="server" ChildrenAsTriggers="False" RenderMode="Inline" UpdateMode="Conditional">
        <ContentTemplate>
        <asp:Label ID="Label1" runat="server"></asp:Label>        
        </ContentTemplate>
        </asp:UpdatePanel>
     </div>
    </form>
</body>
</html>


private void BindDataList()
{
    SqlConnection cn = new SqlConnection(@"server=./SQLExpress;uid=sa;pwd=;database=Northwind");
    SqlDataAdapter da = new SqlDataAdapter("select top 10 orderid, CustomerID, OrderDate from Orders", cn);
    DataSet ds = new DataSet();
    cn.Open();
    da.Fill(ds);
    cn.Close();
    DataList1.DataSource = ds.Tables[0].DefaultView;
    DataList1.DataBind();
}

protected DataTable GetOrderDetails(int orderID)
{
    SqlConnection cn = new SqlConnection(@"server=./SQLExpress;uid=sa;pwd=;database=Northwind");
    SqlDataAdapter da = new SqlDataAdapter("select ProductID, UnitPrice from [Order Details] where orderid = @orderid", cn);
    da.SelectCommand.Parameters.AddWithValue("@orderid", orderID);
    DataSet ds = new DataSet();
    cn.Open();
    da.Fill(ds);
    cn.Close();
    return ds.Tables[0];
}

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        BindDataList();
    }
}

protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e)
{
    CheckBoxList chk = sender as CheckBoxList;
    int count = 0;
    foreach (ListItem li in chk.Items)
    {
        if (li.Selected)
        {
            count++;
            if (count >= 3)
            {
                Label1.Text = "Wrong";
                UpdatePanel2.Update();
                break;
            }
            else
            {
                Label1.Text = string.Empty;
                UpdatePanel2.Update();
            }
        }
    }
    ((UpdatePanel)((DataListItem)chk.NamingContainer).FindControl("UpdatePanel1")).Update();
}

CUG_fangxiang
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
多选下拉的CheckBoxList
03-18
下拉checkboxList实现多选效果
用JS脚本实现CheckBoxList只能选择其中的两个
God World
07-21 1292
function SetCheckBoxState(str) { o = document.getElementsByTagName("INPUT") //o = from1.cbYyjslscly; var val=0; for(i=0;i<o.length;i++) { if(o[i].type=="checkbox" && o[i].ch
js进阶 9-15 多选框如何限制选中数目
weixin_34167043的博客
06-11 223
js进阶 9-15 多选框如何限制选中数目 一、总结 一句话总结：   1、多选框如何限制选中数目？ 没点击选择一次，来统计现在总共选了多少个，如果超出，就给onclick事件返回false，取消onclick事件   2、如何取消已经点击的click事件？ 给onclick中返回一个false，onclick="return check()"   3、多选框最常用的属性是什么...
ASP.NET DEMO18 验证GridView中由DropDownList控制CheckBoxList的选择项个数
weixin_34174322的博客
05-24 99
  验证GridView中由DropDownList控制CheckBoxList的选择项个数 必须确保在 GridView 模板列中使用的 CheckBoxList1 &amp; DropDownList1 是唯一的，至少不能存在与其他同类型控件ID中 防止客户端绕过js验证，进行服务器端验证 源码下载 &lt;%@ Page Language="C#"...
Checkboxlist多选的用法
hongjiaoli的专栏
12-08 2727
要求：有多个选项，我们选择多个项的时候，让所选项的TEXT显示在label里；     Label1.Text = "";        for (int i = 0; i         {            if (CheckBoxList1.Items[i].Selected == true)            {                Label1.Text += Chec
JavaScript判断表单中多选框checkbox选中个数的方法
10-23
在网页表单设计中，多选框（checkbox）是一种常见的输入控件，它允许用户从一组选项中选择一个或多个项目。在JavaScript编程中，我们经常需要获取用户在多选框中选中的项目数量或具体选中的值，以此来执行相应的逻辑...
JQuery限制复选框checkbox可选中个数的方法
10-24
8. 代码的复用和封装：示例中虽然只展示了一个限制复选框数量的具体实例，但实际上可以通过提取公共逻辑到一个函数中，并在多个地方调用这个函数来达到复用代码的效果。 以上知识点说明了在Web前端开发过程中，如何...
Angular.js实现多个checkbox只能选择一个的方法示例
10-20
在Angular.js中实现多个checkbox只能选择一个的功能，可以通过自定义指令来实现。在Angular.js框架中，指令是扩展HTML语法的一种方式，可以让我们创建自定义的HTML元素。在这篇文章中，作者提供了一个示例，通过创建...
layui复选框限制选择个数的方法
10-16
1. 使用jQuery的`.next().attr("class","layui-unselectlayui-form-checkbox")`给超出限制的复选框的下一个元素（通常是标签）设置一个新的CSS类，用于改变该元素的样式，通常是为了提示用户该选项已被禁用。...
使CheckBoxList的Attributes属性生效（修改微软的一个bug）
10-30
在ASP.NET Web Forms中，`CheckBoxList` 控件是一个非常实用的功能组件，它可以用来展示一系列的复选框供用户选择。尽管 `CheckBoxList` 提供了丰富的功能，如数据绑定等，但在某些情况下，开发人员可能会遇到一些...
checkboxlist标签多选框组
07-06 220
checkboxlist标签为可以多选的多个复选框。如果Action中对应的属性为List类型或者数组类型，JSP中的checkboxlist标签会自动选中多个值。例如： 1 <body> 2 3 <% 4 List<String> favouriteList = new ArrayList<String>(...
CheckBoxList 只能选2个选项
weixin_34001430的博客
04-29 496
// ////下面判断用户是否多选，每选择一次比较一次，看是否超过规定名额 //string ClickedItem = Request.Form["__EVENTTARGET"];//得到用户点击的是哪个 //ClickedItem = ClickedItem.Split(':')[1];//进行拆分处理 //int i...
怎样判断CheckBoxList的选项数，超过指定范围（原创）
weixin_34184561的博客
06-24 137
在做一个选举投票系统的时候遇到的一个问题(后来经孟子指点，得到最终解决)，需求要求用户选举的人数不得超过管理员指定的人数范围。举个简单的例子，比如选举班委，要求只能选举7个，用户如果选举8个就会提示用户，超出指定范围，并取消用户刚才的选择项。 可以这样，假设CheckBoxList控件的ID为CheckBoxList1,假设CheckBoxList1已经从数据库中取出了选举人的数据，在它的选择触...
关于（控制表单多选框可供选择的个数）
weixin_33890499的博客
11-10 396
---恢复内容开始--- 1.代码段：<head><meta charset="UTF-8"><title>控制表单多选框可供选择的个数</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><script language...
获取checkboxlist多选值
weixin_30763397的博客
11-26 170
'获取checkboxlist多选值 Public Function Check_Clicked(ByVal sender As [Object], ByVal e As EventArgs) As String Dim cklValue As String = "" ' Iterate through the Items collection of th...
CheckBoxList多选,获得选中的值!
weixin_33804990的博客
02-04 314
用循环来判断是否项目被选中,然后写出where语句. WhereClipw=newWhereClip(); for(inti=0;i<chklist.Items.Count;i++) { if(chklist.Items[i].Selected) ...
Android：支持单选,多选,还可以限制选择的数量的流式布局
程龙的博客
09-04 2434
前言 由于开发需要,需要做一个效果,一个流式布局的标签,可多选,并且要限制选择的数量,在查找了许多大神写的代码后,决定用鸿洋大神写的一个框架. 项目地址 用法 在app的build.grade中加入依赖 dependencies { compile 'com.zhy:flowlayout-lib:1.0.3' } 声明 在布局文件中声明: &lt;com.zhy.view....
帮我用android CheckBox写一个多选题的
最新发布
06-03
好的，以下是一个简单的多选题示例，其中使用了 CheckBox 来实现选择题目选项： ``` public class MainActivity extends AppCompatActivity { private CheckBox option1, option2, option3, option4; @Override...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值