国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > .NET > 正文

限制CheckBoxList控件只能單選實現代碼及演示動畫

2024-07-10 13:18:13
字體:
來源:轉載
供稿:網友
開發要求,原本對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 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;
}
}
}
}
}
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 望奎县| 本溪市| 南皮县| 离岛区| 祁东县| 珠海市| 庄河市| 榆中县| 松溪县| 彭州市| 布尔津县| 汕头市| 罗山县| 荔波县| 三台县| 景宁| 汉沽区| 杂多县| 康保县| 合作市| 吉首市| 泰州市| 加查县| 新沂市| 镇坪县| 惠东县| 柳江县| 广昌县| 河源市| 德阳市| 梓潼县| 依兰县| 公主岭市| 兴文县| 长泰县| 凤凰县| 哈巴河县| 清水县| 贵溪市| 永清县| 崇文区|