ASP.NET CheckBoxList 實(shí)現(xiàn)單選

一看標(biāo)題估計(jì)大家都開(kāi)始懷疑了：?jiǎn)芜x？為什么不直接使用 RadioButtonList ？
是的。你是對(duì)的。然而，實(shí)際應(yīng)用中需求千變?nèi)f化，誰(shuí)讓我們的客戶夠 BT 呢？

主要代碼

只有一個(gè)通用的ASP.NET CheckBoxList_Click 函數(shù)，
需要注意的是ASP.NET CheckBoxList 可以呈現(xiàn)為 table 布局，也可以呈現(xiàn)為流布局（使用 span 做外部容器）

我的習(xí)慣是，腳本代碼中，盡量不直接引用 html id，因?yàn)閷?duì)于服務(wù)器控件對(duì)應(yīng)的是 ClientID，而ClientID與控件層次關(guān)聯(lián)的，不利于代碼移植復(fù)用，因此盡可能選擇直接傳遞對(duì)象，通過(guò) DOM 獲取相關(guān)的父控件和子控件。

functionCheckBoxList_Click(sender)  
{  
varcontainer=sender.parentNode;  
if(container.tagName.toUpperCase()=="TD"){  
//服務(wù)器控件設(shè)置呈現(xiàn)為table布局（默認(rèn)設(shè)置），否則使用流布局  
containercontainer=container.parentNode.parentNode;  
//層次：<table><tr><td><input/> 
}  
varchkList=container.getElementsByTagName("input");  
varsenderState=sender.checked;  
for(vari=0;i<chkList.length;i++){  
chkList[i].checked=false;  
}  
sender.checked=senderState;  
} 

<h3>單選效果的CheckBoxList</h3> 
<divstyledivstyle="float:left"> 
<h4>靜態(tài)項(xiàng)</h4> 
<asp:CheckBoxListIDasp:CheckBoxListID=
"CheckBoxList1"BorderWidth="1"runat="server"RepeatLayout="Flow"> 
<asp:ListItemonclickasp:ListItemonclick=
"CheckBoxList_Click(this)"Value="Item1">Item1</asp:ListItem> 
<asp:ListItemonclickasp:ListItemonclick=
"CheckBoxList_Click(this)"Value="Item2">Item2</asp:ListItem> 
<asp:ListItemonclickasp:ListItemonclick=
"CheckBoxList_Click(this)"Value="Item3">Item3</asp:ListItem> 
<asp:ListItemonclickasp:ListItemonclick=
"CheckBoxList_Click(this)"Value="Item4">Item4</asp:ListItem> 
<asp:ListItemonclickasp:ListItemonclick=
"CheckBoxList_Click(this)"Value="Item5">Item5</asp:ListItem> 
</asp:CheckBoxList> 
</div> 
<divstyledivstyle="float:left;padding-left:100px"> 
<h4>綁定項(xiàng)</h4> 
<asp:CheckBoxListIDasp:CheckBoxListID="CheckBoxList2"BorderWidth="1"runat=
"server"DataTextField="Value"DataValueField="Key"OnDataBound=
"CheckBoxList2_DataBound"> 
</asp:CheckBoxList> 
</div> 

兼容性
IE 6 SP6,  FF 2.0,  Opera 9.2 測(cè)試通過(guò)

頁(yè)面效果

【編輯推薦】

1. ASP.NET開(kāi)發(fā)技巧之Theme功能淺析
2. 詳解ASP.NET動(dòng)態(tài)編譯
3. Apache支持ASP.NET方法淺析
4. 淺談ASP.NET服務(wù)器標(biāo)準(zhǔn)控件
5. ASP.NET中SQL Server數(shù)據(jù)庫(kù)備份恢復(fù)淺析