當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

限制CheckBoxList控件只能单选

發(fā)布時(shí)間：2024/9/20 编程问答 22 豆豆

生活随笔收集整理的這篇文章主要介紹了限制CheckBoxList控件只能单选小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

開發(fā)要求，原本對(duì)CheckBoxList控件是用來讓用戶多選的。但現(xiàn)在特殊要求，這個(gè)CheckBoxList控件限制只能單選。

哈哈，看看Insus.NET做出來的效果：

為了你也能實(shí)現(xiàn)出來，可以參考下面的方法，第一是準(zhǔn)備好一個(gè)對(duì)象“地支”（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;}} }

用數(shù)據(jù)填充這個(gè)對(duì)象，并用泛型List<t>來存儲(chǔ)這十二個(gè)對(duì)象：

View Code 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頁面拉一個(gè)CheckBoxList控件，設(shè)置兩個(gè)屬性RepeatColumns="6" RepeatDirection="Horizontal"

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

把剛才準(zhǔn)備好的List<TerrestrialBranch>綁定給這個(gè)CheckBoxList控件：

View Code 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,一切準(zhǔn)備就緒，可以寫Javascript腳本，放在<head>之內(nèi)。

View Code 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;}}}}}}

總結(jié)

以上是生活随笔為你收集整理的限制CheckBoxList控件只能单选的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇： star rating
下一篇： PowerShell自动删除过期数据