快捷導(dǎo)航

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

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

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

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

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

例如頁面如下：

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