快捷導(dǎo)航

在.net中用CheckBoxList實(shí)現(xiàn)單選

更新時(shí)間：2014年02月11日 10:33:12 作者：

用CheckBoxList實(shí)現(xiàn)單選的原因是我覺(jué)得CheckBoxList控件頁(yè)面展示效果要好看一些,需要的朋友可以參考下

在.net中提供了Radiobuttonlist來(lái)實(shí)現(xiàn)單選的，但是我一直喜歡用CheckBoxList 原因我覺(jué)得CheckBoxList 控件頁(yè)面展示效果要好看一些，呵呵

這里是先CheckBoxList 實(shí)現(xiàn)單選采用了控件的點(diǎn)擊事件調(diào)用js來(lái)控制單選的

例如頁(yè)面如下：

復(fù)制代碼代碼如下:

 
<asp:CheckBoxList ID="CheckBoxList1" BorderWidth="1" runat="server" RepeatLayout="Flow"> 
<asp:ListItem onclick="CheckBoxList_Click(this)" Value="Item1">Item1</asp:ListItem> 
<asp:ListItem onclick="CheckBoxList_Click(this)" Value="Item2">Item2</asp:ListItem> 
<asp:ListItem onclick="CheckBoxList_Click(this)" Value="Item3">Item3</asp:ListItem> 
<asp:ListItem onclick="CheckBoxList_Click(this)" Value="Item4">Item4</asp:ListItem> 
<asp:ListItem onclick="CheckBoxList_Click(this)" Value="Item5">Item5</asp:ListItem> 
</asp:CheckBoxList> 

這里是調(diào)用的js

原理就是：
1、獲得頁(yè)面控件集合，循環(huán)查找check

2、設(shè)置check 為false ，再將傳入的控件設(shè)置選中

復(fù)制代碼代碼如下:

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

您可能感興趣的文章:

相關(guān)文章

ASP.NET MVC小結(jié)之基礎(chǔ)篇（一）
本文是ASP.NET MVC系列的第一篇文章，跟其他學(xué)習(xí)系列一樣，咱們先來(lái)點(diǎn)基礎(chǔ)知識(shí)，之后再循序漸進(jìn)。我們先從asp.net mvc的概念開始吧。
2014-11-11
為ASP.NET Core強(qiáng)類型配置對(duì)象添加驗(yàn)證的方法
這篇文章主要給大家介紹了關(guān)于如何為ASP.NET Core強(qiáng)類型配置對(duì)象添加驗(yàn)證的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2018-12-12
asp.net發(fā)送郵件實(shí)現(xiàn)方法
這篇文章主要介紹了asp.net發(fā)送郵件實(shí)現(xiàn)方法,以一個(gè)具體實(shí)例的形式詳細(xì)講述了asp.net發(fā)送郵件的技巧,需要的朋友可以參考下
2014-10-10
如何在Asp.Net Core中集成Refit
這篇文章主要介紹了如何在Asp.Net Core中集成Refit，幫助大家更好的理解和學(xué)習(xí)使用Asp.Net Core，感興趣的朋友可以了解下
2021-03-03
Asp.Net Cache緩存使用代碼
本例完成建立緩存，清除緩存使用緩存進(jìn)行數(shù)據(jù)綁定
2008-12-12
ASP.NET MVC實(shí)現(xiàn)文件下載
這篇文章介紹了ASP.NET MVC實(shí)現(xiàn)文件下載的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-07-07
.net core 基于Hangfire+Mysql持久化實(shí)現(xiàn)定時(shí)任務(wù)配置方法
這篇文章主要介紹了.net core 基于Hangfire+Mysql持久化實(shí)現(xiàn)定時(shí)任務(wù)配置方法,本文通過(guò)圖文并茂的形式給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-07-07
正確使用dotnet-*工具的方法
這篇文章介紹了正確使用dotnet-*工具的方法，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-12-12
asp.net中在用ajax格式傳遞數(shù)據(jù)到aspx頁(yè)面時(shí)出現(xiàn)亂碼
asp.net中在用ajax格式傳遞數(shù)據(jù)到aspx頁(yè)面時(shí)有時(shí)會(huì)出現(xiàn)亂碼，很是疑惑，不要走開接下來(lái)介紹解決方法，感興趣的朋友可以了解下
2013-01-01
ASP.NET Session會(huì)導(dǎo)致的性能問(wèn)題
你的站點(diǎn)有被客戶投訴很慢嗎？是不是查了很多遍還是沒(méi)有完全解決？是不是數(shù)據(jù)庫(kù)沒(méi)有發(fā)現(xiàn)異常，CPU也沒(méi)有異常，內(nèi)存占用量沒(méi)有異常，GC計(jì)數(shù)沒(méi)有異常，硬盤IO也沒(méi)有異常，帶寬沒(méi)有異常，線路沒(méi)有異常，沒(méi)有丟包，但就是被投訴？
2009-07-07