CheckBoxList设置为单选 (含js和不用js两者方法实现CheckBoxList单选)

最新推荐文章于 2021-05-08 09:22:28 发布
最新推荐文章于 2021-05-08 09:22:28 发布
阅读量292 收藏 1
点赞数
原文链接：http://www.cnblogs.com/edward492626/archive/2012/02/28/2371110.html
版权

给添加Javascript脚本

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
        <script type="text/javascript" language="javascript">
//竖排

        function   CheckSelect()
        {
            //alert("123");
            var tb=document.getElementById("CheckBoxList1");
            for(var i=0;i<tb.rows.length;i++)
            {
                var   chk     =   tb.rows[i].firstChild.firstChild;
                if(chk   !=   event.srcElement)
                {
                    chk.checked=false;
                }
            }
        }
//指定横向

    function CheckSelect1()
{
    var tb = document.getElementById("CheckBoxList1");
     for(var i=0;i < tb.rows.length;i++)
     {
         for(var j =0; j < tb.rows[i].cells.length; j++)
         {
           var chk = tb.rows[i].cells[j].firstChild;
           if(chk!= null && chk != event.srcElement)
           {                    
              chk.checked = false;
           }      
        }
    } 
}

    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="True" οnclick="CheckSelect()">
            <asp:ListItem>First</asp:ListItem>
            <asp:ListItem>Second</asp:ListItem>
            <asp:ListItem>Three</asp:ListItem>
        </asp:CheckBoxList>
    </div>
    </form>
</body>
</html>

 

如果不用JavaScript脚本，直接在后台代码实现也可以：

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        //先遍历CheckBoxList 取出只有1个选项时候的index
        int iCount=0;int iTemp=0;
        for (int i = 0; i < CheckBoxList1.Items.Count; i++)
        {
            if (CheckBoxList1.Items[i].Selected)
            {
                iCount++;
                iTemp=i;
            }
        }
        if (iCount == 1)
        {
            ViewState["oldSelect"] = iTemp;
        }
    }
    protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        if (!CheckBox1.Checked)
        {
            int iCount = 0;
            int iTemp = (Int32)ViewState["oldSelect"];
            for (int i = 0; i < CheckBoxList1.Items.Count; i++)
            {
                if (CheckBoxList1.Items[i].Selected)
                {
                    iCount++;

 
如果不用JavaScript脚本，直接在后台代码实现也可以：


using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
        //先遍历CheckBoxList 取出只有1个选项时候的index
        int iCount=0;int iTemp=0;
        for (int i = 0; i < CheckBoxList1.Items.Count; i++)
        {
            if (CheckBoxList1.Items[i].Selected)
            {
                iCount++;
                iTemp=i;
            }
        }
        if (iCount == 1)
        {
            ViewState["oldSelect"] = iTemp;
        }
    }
    protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        if (!CheckBox1.Checked)
        {
            int iCount = 0;
            int iTemp = (Int32)ViewState["oldSelect"];
            for (int i = 0; i < CheckBoxList1.Items.Count; i++)
            {
                if (CheckBoxList1.Items[i].Selected)
                {
                    iCount++;
                    if (i != iTemp)
                    {
                        ViewState["newSelect"] = i;
                    }
                }
            }
            if (iCount > 1)//点下第二个
            {
                int iTempOld = (Int32)ViewState["oldSelect"];
                int iTempNew = (Int32)ViewState["newSelect"];
                CheckBoxList1.Items[iTempOld].Selected = false;
                CheckBoxList1.Items[iTempNew].Selected = true;
                ViewState["oldSelect"] = ViewState["newSelect"];
            }
        }

    }
}
如果不用JavaScript脚本，直接在后台代码实现也可以：


using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
        //先遍历CheckBoxList 取出只有1个选项时候的index
        int iCount=0;int iTemp=0;
        for (int i = 0; i < CheckBoxList1.Items.Count; i++)
        {
            if (CheckBoxList1.Items[i].Selected)
            {
                iCount++;
                iTemp=i;
            }
        }
        if (iCount == 1)
        {
            ViewState["oldSelect"] = iTemp;
        }
    }
    protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        if (!CheckBox1.Checked)
        {
            int iCount = 0;
            int iTemp = (Int32)ViewState["oldSelect"];
            for (int i = 0; i < CheckBoxList1.Items.Count; i++)
            {
                if (CheckBoxList1.Items[i].Selected)
                {
                    iCount++;
                    if (i != iTemp)
                    {
                        ViewState["newSelect"] = i;
                    }
                }
            }
            if (iCount > 1)//点下第二个
            {
                int iTempOld = (Int32)ViewState["oldSelect"];
                int iTempNew = (Int32)ViewState["newSelect"];
                CheckBoxList1.Items[iTempOld].Selected = false;
                CheckBoxList1.Items[iTempNew].Selected = true;
                ViewState["oldSelect"] = ViewState["newSelect"];
            }
        }

    }
}
如果不用JavaScript脚本，直接在后台代码实现也可以：


using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
        //先遍历CheckBoxList 取出只有1个选项时候的index
        int iCount=0;int iTemp=0;
        for (int i = 0; i < CheckBoxList1.Items.Count; i++)
        {
            if (CheckBoxList1.Items[i].Selected)
            {
                iCount++;
                iTemp=i;
            }
        }
        if (iCount == 1)
        {
            ViewState["oldSelect"] = iTemp;
        }
    }
    protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        if (!CheckBox1.Checked)
        {
            int iCount = 0;
            int iTemp = (Int32)ViewState["oldSelect"];
            for (int i = 0; i < CheckBoxList1.Items.Count; i++)
            {
                if (CheckBoxList1.Items[i].Selected)
                {
                    iCount++;
                    if (i != iTemp)
                    {
                        ViewState["newSelect"] = i;
                    }
                }
            }
            if (iCount > 1)//点下第二个
            {
                int iTempOld = (Int32)ViewState["oldSelect"];
                int iTempNew = (Int32)ViewState["newSelect"];
                CheckBoxList1.Items[iTempOld].Selected = false;
                CheckBoxList1.Items[iTempNew].Selected = true;
                ViewState["oldSelect"] = ViewState["newSelect"];
            }
        }

    }
}


                    if (i != iTemp)
                    {
                        ViewState["newSelect"] = i;
                    }
                }
            }
            if (iCount > 1)//点下第二个
            {
                int iTempOld = (Int32)ViewState["oldSelect"];
                int iTempNew = (Int32)ViewState["newSelect"];
                CheckBoxList1.Items[iTempOld].Selected = false;
                CheckBoxList1.Items[iTempNew].Selected = true;
                ViewState["oldSelect"] = ViewState["newSelect"];
            }
        }

    }
}

转载于:https://www.cnblogs.com/edward492626/archive/2012/02/28/2371110.html

weixin_30502157
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CheckBoxList 实现单选
流程管理软件
05-22 2136
一看标题估计大家都开始怀疑了：单选？为什么不直接使用 RadioButtonList ？是的。你是对的。然而，实际应用中需求千变万化，谁让我们的客户够 BT 呢？主要代码只有一个通用的 CheckBoxList_Click 函数，需要注意的是 CheckBoxList 可以呈现为 table 布局，也可以呈现为流布局（使用 span 做外部容器）我的习惯是，脚本代码中，尽量不直接引用
checkboxlist单选功能
11-07
可以设置checkboxlist为单选，
实现checkboxlist只选择一项
lintsing的专栏
05-22 1778
在开发过程中碰到一个需求：可选可不选，最多选一项。虽然radiobuttonlist一次只能选一项，但是它的问题是如果选了其中一项，那么就去不掉了，因此考虑采用checkboxlist实现。 实现方式：每个checkboxlist的item add上onclick属性，然后前端js实现这个click函数。.aspx代码：
CheckBoxList 的单选
weixin_30401605的博客
05-20 94
function CheckBoxList_Click(sender) { var container = sender.parentNode; if(container.tagName.toUpperCase() == "TD") { // 服务器控件设置呈现为 table 布局（默认设置），否则使用流布局 ...
Android 复选框CheckBox 设置只能选中其中一个
路宇的博客
05-08 5023
使用CheckBox控件，可以使用setChecked方法设置控件是否选中，如果其中一个选中，则设置其他CheckBox控件不可以被选中，设置为false. 代码如下： package com.example.checkboxdemo; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.widget.CheckBox; import android.widget.Compou
在.net中用CheckBoxList实现单选
10-26
以下是一个简单的实现方法，它结合了客户端JavaScript和服务器端代码： 首先，我们在ASP.NET页面中创建一个`CheckBoxList`控件，为每个列表项添加一个`onclick`事件，这个事件将触发JavaScript函数。例如： ```...
限制CheckBoxList控件只能单选实现代码及演示动画
10-27
开发要求，原本对CheckBoxList控件是用来让用户多选的。但现在特殊要求，这个CheckBoxList控件限制只能单选,很多新手朋友可能不知从何下手，为此本文的出现时有必要的了，有需要的朋友可以了解此
Android中ListView + CheckBox实现单选、多选效果
08-31
本教程将详细介绍如何在Android中利用ListView和CheckBox实现单选和多选效果。 首先，实现单选功能。在单选模式下，用户每次点击ListView中的某一项，仅允许该项被选中，其他项的选中状态需要自动取消。以下是一个...
单选CheckBoxList
weixin_30242907的博客
03-31 71
【转个】 最近老大给个页面，要单选CheckBoxList，找了找，没有合适的，还得自己实现 1、在页面上放个CheckBoxList，注意添加了SingleIndex的属性，以及onclick客户端事件 Code1<asp:CheckBoxListID="ckList"runat="server"RepeatLayout="Table"RepeatC...
CheckBoxList实现单选 C#（WEB）
09-29
CheckBoxList复选框列表实现单选的效果，单行、多行
.net 后台实现 checkboxlist 单选
06-05
.net 后台实现 checkboxlist 单选。。。。。。。。。。。
CheckBoxRadioList复选框/单选框列表js版
08-10
由于java的strus和.net提供的CheckboxList和RadioList控件会出现不对齐现象。再有就是与前台js ajax结合不理想，所以用js实现了这个完全客户端的checkboxRadioList控件，代码简单易懂。仅供参考。
CheckBoxList 只能选2个选项
weixin_34001430的博客
04-29 491
// ////下面判断用户是否多选，每选择一次比较一次，看是否超过规定名额 //string ClickedItem = Request.Form["__EVENTTARGET"];//得到用户点击的是哪个 //ClickedItem = ClickedItem.Split(':')[1];//进行拆分处理 //int i...
CheckBoxList实现单选
02-10 713
在.net中提供了Radiobuttonlist来实现单选的，但是我一直喜欢用CheckBoxList 原因我觉得CheckBoxList 控件页面展示效果要好看一些，呵呵    这里是先CheckBoxList 实现单选采用了控件的点击事件 调用js来控制单选的  例如页面如下：                 Item1         Item2         Item3
CHECKBOXLIST全选，反选，取消，设置和取值
apeng8004的博客
10-27 166
代码 ///<summary> ///初始化CheckBoxList中哪些是选中了的 ///</summary> ///<param name="checkList">CheckBoxList</param> ///<param name="selval">选中...
el-checkbox单选实现
最新发布
08-18
要实现el-checkbox的单选效果，可以使用v-model绑定一个数组checkList，然后在change事件中判断数组长度，如果超过1个元素，则将第一个元素删除，保证只有一个选项被选中。例如，可以使用以下代码实现el-checkbox的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值