脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → ASP.NET → 实用技巧 → CheckBoxList控件 单选

限制CheckBoxList控件只能单选实现代码及演示动画

 更新时间：2013年01月23日 09:20:03   作者：  
开发要求，原本对CheckBoxList控件是用来让用户多选的。但现在特殊要求，这个CheckBoxList控件限制只能单选,很多新手朋友可能不知从何下手，为此本文的出现时有必要的了，有需要的朋友可以了解此文
开发要求，原本对CheckBoxList控件是用来让用户多选的。但现在特殊要求，这个CheckBoxList控件限制只能单选。

哈哈，看看做出来的效果：

为了你也能实现出来，可以参考下面的方法，第一是准备好一个对象“地支”（Terrestrial Branch）
TerrestrialBranch.cs
复制代码 代码如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
/// <summary>
/// Summary description for TerrestrialBranch
/// </summary>
namespace Insus.NET
{
public class TerrestrialBranch
{
private int _ID;
private string _Name;
public int ID
{
get{return _ID;}
set { _ID = value; }
}
public string Name
{
get { return _Name; }
set { _Name = value; }
}
public TerrestrialBranch()
{
//
// TODO: Add constructor logic here
//
}
public TerrestrialBranch(int id, string name)
{
this.ID = id;
this._Name = name;
}
}
}

用数据填充这个对象，并用泛型List<t>来存储这十二个对象：
复制代码 代码如下:

private List<TerrestrialBranch> GetData()
{
List<TerrestrialBranch> tbs = new List<TerrestrialBranch>();
tbs.Add(new TerrestrialBranch(1,"子"));
tbs.Add(new TerrestrialBranch(2, "丑"));
tbs.Add(new TerrestrialBranch(3, "寅"));
tbs.Add(new TerrestrialBranch(4, "卯"));
tbs.Add(new TerrestrialBranch(5, "辰"));
tbs.Add(new TerrestrialBranch(6, "巳"));
tbs.Add(new TerrestrialBranch(7, "午"));
tbs.Add(new TerrestrialBranch(8, "未"));
tbs.Add(new TerrestrialBranch(9, "申"));
tbs.Add(new TerrestrialBranch(10, "酉"));
tbs.Add(new TerrestrialBranch(11, "戌"));
tbs.Add(new TerrestrialBranch(12, "亥"));
return tbs;
}

在.aspx页面拉一个CheckBoxList控件，设置两个属性RepeatColumns="6" RepeatDirection="Horizontal"
复制代码 代码如下:

<asp:CheckBoxList ID="CheckBoxListTerrestrialBranch" runat="server" RepeatColumns="6" RepeatDirection="Horizontal"></asp:CheckBoxList>

把刚才准备好的List<TerrestrialBranch>绑定给这个CheckBoxList控件：
复制代码 代码如下:

using System;
using System.Collections.Generic;
using System.Data;
using System.Data.OleDb;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Insus.NET;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
Data_Binding();
}
private void Data_Binding()
{
this.CheckBoxListTerrestrialBranch.DataSource = GetData();
this.CheckBoxListTerrestrialBranch.DataTextField = "Name";
this.CheckBoxListTerrestrialBranch.DataValueField = "ID";
this.CheckBoxListTerrestrialBranch.DataBind();
}
}

OK,一切准备就绪，可以写Javascript脚本，放在<head>之内。
复制代码 代码如下:

window.onload = function () {
var cbl = document.getElementById('<%= CheckBoxListTerrestrialBranch.ClientID %>')
var inputs = cbl.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].type == "checkbox") {
inputs[i].onclick = function () {
var cbs = inputs;
for (var i = 0; i < cbs.length; i++) {
if (cbs[i].type == "checkbox" && cbs[i] != this && this.checked) {
cbs[i].checked = false;
}
}
}
}
}
}
您可能感兴趣的文章:

相关文章

  • c# 读取Northwind数据库image字段

    c# 读取Northwind数据库image字段

    我在写一个三层结构Demo时，使用了Northwind这个范例数据库。但是奇怪的是，读取Categories表的Picture列（image类型）无法在image控件中正常显示(解决方案在后面代码中可以看到)。
    2009-03-03
  • 用vs调试sql存储过程图文介绍

    用vs调试sql存储过程图文介绍

    想必大家应该有给存储过程找错误的经历吧，一遍遍的去读sql代码，一句一句的测试,发现一个小错误可能都要用很长的时间,接下来将介绍使用vs2010调试存储过程,感兴趣的朋友可以不要错过了啊
    2013-02-02
  • 详解ASP.NET Core 反向代理部署知多少

    详解ASP.NET Core 反向代理部署知多少

    这篇文章主要介绍了详解ASP.NET Core 反向代理部署知多少，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10
  • .NET Core获取配置文件内容

    .NET Core获取配置文件内容

    这篇文章介绍了.NET Core获取配置文件内容的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2022-07-07
  • 关于利用RabbitMQ实现延迟任务的方法详解

    关于利用RabbitMQ实现延迟任务的方法详解

    最近在使用RabbitMQ来实现延迟任务的时候发现，这其中的知识点还是挺多的，所以下面这篇文章主要给大家介绍了关于利用RabbitMQ实现延迟任务的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下。
    2017-12-12
  • Asp.net Core中实现自定义身份认证的示例代码

    Asp.net Core中实现自定义身份认证的示例代码

    这篇文章主要介绍了Asp.net Core中实现自定义身份认证的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • .net搜索查询并实现分页实例

    .net搜索查询并实现分页实例

    .net搜索查询并实现分页实例，需要的朋友可以参考一下
    2013-03-03
  • asp.net中Session缓存与Cache缓存的区别分析

    asp.net中Session缓存与Cache缓存的区别分析

    实现数据的缓存有很多种方法，有客户端的Cookie，有服务器端的Session和Application
    2013-02-02
  • ASP.NET中基于soaphead的webservice安全机制

    ASP.NET中基于soaphead的webservice安全机制

    常会用到WebService来通讯，但WebService发布后为了能调用，一般都通过发布到IIS后调用 的。在IIS里可以通过匿名访问，但这样大家都可能访问，不安全，下面提供一种基于soaphead的安全机制。
    2016-05-05
  • asp.net下使用DbProviderFactories的数据库操作类

    asp.net下使用DbProviderFactories的数据库操作类

    项目开发中用到VB.NET开发，参考网上的资料，自己写了数据库操作类。
    2010-06-06

最新评论