1. 程式人生 > >詳解ASP.net的CheckBox和CheckBoxList控制元件

詳解ASP.net的CheckBox和CheckBoxList控制元件

純手寫,難免出錯,大家共同學習,其中有錯誤還望大家點出來及時修改以免誤人子弟。

CheckBox和CheckBoxList控制元件其實就像一對孿生兄弟般,他們同是複選框控制元件。只是後者彌補了前者使用效率低的缺陷罷了。

先說下CheckBox控制元件

重要的屬性:

Checked           獲取或設定複選框是否處於選中狀態,選中則為True

Text              獲取或設定Checkbox控制元件的文字內容

AutoPostBack      表明是否自動上傳窗體資料到伺服器

事件:

OnCheckedChanged  當Checked屬性的值變化時觸發

程式碼:

html:

<asp:CheckBox ID="CB1" runat="server" Text="湯姆克魯斯" OnCheckedChanged="CheckBox_Click" AutoPostBack="true"></asp:CheckBox>
<asp:CheckBox ID="CB2" runat="server" Text="約翰尼德普" OnCheckedChanged="CheckBox_Click" AutoPostBack="true"></asp:CheckBox>
<asp:CheckBox ID="CB3" runat="server" Text="威爾斯密斯" OnCheckedChanged="CheckBox_Click" AutoPostBack="true"></asp:CheckBox>
<asp:CheckBox ID="CB4" runat="server" Text="布拉德皮特" OnCheckedChanged="CheckBox_Click" AutoPostBack="true"></asp:CheckBox>
<asp:Literal ID="Literal1" runat="server"></asp:Literal>

這裡看出他們的oncheckedchanged事件是一樣的,因為這裡要同時對著四個獨立的複選框控制元件進行"監控"。

C#:

protected void CheckBox_Click(object sender,EventArgs e)
{
string myFavoriteStar = "";
if(CB1.Checked)myFavoriteStar+="湯姆克魯斯";
if(CB2.Checked)myFavoriteStar+="約翰尼德普";
if(CB3.Checked)myFavoriteStar+="威爾史密斯";
if(CB4.Checked)myFavoriteStar+="布拉德皮特";
Literal.Text = "你最喜歡的明星是:"+myFavoriteStar;
}

再說下CheckBoxList控制元件,它其實是CheckBox的控制元件組。在這裡注意一定要用ListItem產生控制元件內的選項,而不是再用text了。

重要屬性:

AutoPostBack         和上面一樣,不作贅述

RepeatColumns        獲取或設定顯示項的列數,預設為0

RepeatDirection      

列表的排列方式。預設垂直排列(veritcal),還可以是水平排列(horizontal)

RepeatLayout         獲取或設定控制元件的配置方式。預設是table

DataSource

DataTextField        這3者都跟資料繫結有關,這裡不作介紹

DataValueField

Items              

表示各個項的集合

SelectedItem         

獲取目前的選擇項(ListItem物件),如果多個選擇,則返回多個選擇中最小下標項

SelectedIndex        

獲取目前選擇項的下標。如果多個選擇,返回選擇項的最小下標

事件:

OnSelectedIndexChanged 

當選擇的項發生改變時會觸發,此事件要與AutoPostBack屬性配合使用

程式碼:

html:

<asp:CheckBoxList ID="CBL1" runat="server"  AutoPostBack="true" OnSelectedIndexChanged = "CheckBox_Click">
<asp:ListItem>湯姆克魯斯</asp:ListItem>
<asp:ListItem>湯姆漢克斯</asp:ListItem>
<asp:ListItem>克里斯蒂安貝爾</asp:ListItem>
<asp:ListItem>萊奧納多迪卡普里奧</asp:ListItem>
</asp:CheckBoxList>
<asp:Literal ID="Literal1" runat="server"></asp:Literal>

C#:

protected void CheckBox_Click(object sender,EventArgs e)
{
string myFavoriteStar = "";
for(int i=0;i<=CBL1.Items.Count;i++)
{
if(CBL1.Item[i].Selected)
myFavoriteStar += CBL1.Item[i].Value+" ";
}
Literal1.Text = "你最喜歡的演員是:"+ myFavoriteStar;
}

注意到藍色的部分,這裡與checkbox的checked屬性進行比較,兩者表示選中的屬性是不同的。

相關推薦

ASP.net的CheckBoxCheckBoxList控制元件

純手寫,難免出錯,大家共同學習,其中有錯誤還望大家點出來及時修改以免誤人子弟。 CheckBox和CheckBoxList控制元件其實就像一對孿生兄弟般,他們同是複選框控制元件。只是後者彌補了前者使用效率低的缺陷罷了。 先說下CheckBox控制元件 重要的屬性: Ch

ASP.NET之CheckBoxCheckBoxList控制元件

CheckBox控制元件和CheckBoxList控制元件 可以使用兩種型別的 ASP.NET 控制元件將複選框新增到 Web 窗體頁上:單獨的 CheckBox 控制元件或 CheckBoxList 控制元件。兩種控制元件都為使用者提供了一種輸入布林型資料(真或假、是或否

OpenLayers官方示例九之鷹眼控制元件(Overview Map Control)

  一、示例簡介     這個示例演示了OpenLayers中鷹眼控制元件(ol.control.OverviewMap)的使用。 二、程式碼詳解 <!DOCTYPE html> <html lang="en"> <h

OpenLayers官方示例八之滑鼠位置控制元件(Mouse Position)

目錄 一、示例簡介 二、程式碼詳解 一、示例簡介     使用滑鼠位置控制元件(ol/control/MousePosition)來動態顯示地圖上滑鼠游標的座標     並且可以由使用者調整投影和座標精度。 二、程式碼詳解 &l

OpenLayers官方示例十五之比例尺控制元件(Scale Line)

目錄   一、示例簡介 二、程式碼詳解 一、示例簡介     本示例展示瞭如何建立一個比例尺控制元件(ol.control.ScaleLine),同時讓比例尺控制元件的單位根據使用者的選擇而改變。     OpenLaye

UIAutomator2.0(UIDevice篇----獲取控制元件

UIDevice提供了3個獲取控制元件的方法,和一個判斷控制元件是否存在的方法。 public UiObject findObject(UiSelector selector) public UiObject2 findObject(BySelector

Asp.net img標籤image控制元件的區別

在網頁開發中,要顯示一個圖片,有兩種選擇:第一種是使用HTML直接支援的img標籤,設定其src屬性。第二種是使用image這個伺服器控制元件,設定其imageurl屬性。 在很多時候,他們都沒有什麼大的區別。我們通常都建議使用Img標籤。 有一個時候,可能用Image控制元件能解決一個棘手的問題。因為Im

ASP.NET上傳控制元件——FileUpload控制元件File控制元件

FileUpload控制元件<?XML:NAMESPACE PREFIX = O /> FileUpload Control 應用程式中經常需要允許使用者把檔案上傳到web伺服器。儘管在ASP.NET 1.X也可以完成該功能,但在ASP.NET 2.0中使用Fil

ASP.NET Core API 的GetPost請求使用方式

代碼 記錄 asp.net res 限制 .ajax req rest 文章 原文:詳解ASP.NET Core API 的Get和Post請求使用方式 上一篇文章幫助大家解決問題不徹底導致博友使用的時候還是遇到一些問題,歡迎一起討論。所以下面重點詳細講解我們常用的Get

asp.net中a標籤LinkButton控制元件的傳值問題

1.a標籤的傳值:    1)傳遞常數:單個引數:<a href="Leave.aspx?Name=123">....</a>                          多個引數:<a href="Leave.aspx?Name=123&

ASP.NET中後臺資料前臺控制元件的繫結

關於ASP.NET中後臺資料庫和前臺的資料控制元件的繫結問題最近一直在學習個知識點,自己建立了SQL Server資料庫表,想在ASP.NET中連線資料庫,並把資料庫中的資料顯示在前臺,注意,這裡的資料顯示不是使用asp.net自帶的資料顯示控制元件進行資料的繫結,而是使用開源的資料表格外掛DataTable

asp.net(c#)web伺服器控制元件,多選框checkboxlist控制元件

<%@ Page Language="c#" %> <script runat="server"> void Page_Load() { string msg = "You have selected the following items:<b

關於ASP.NET中GridView控制元件的編輯刪除問題!

第一種直接用SqlDataSource繫結實現編輯和刪除! <head runat="server">     <title>無標題頁</title> </head> <body>     <form id

筆記:MyBatis Mapper XML文件 - 映射參數

gin server 頂級 ctp columns ref acl 目標 對象傳遞 MyBatis 的真正強大在於它的映射語句,也是它的魔力所在。由於它的異常強大,映射器的 XML 文件就顯得相對簡單。如果拿它跟具有相同功能的 JDBC 代碼進行對比,你會立即發現省掉了將近

Spring Boot 配置文件:PropertiesYAML

列表 config 其他 操作系統 des num mat 變量 onf 一.配置文件的生效順序,會對值進行覆蓋: 1. @TestPropertySource 註解 2. 命令行參數 3. Java系統屬性(System.getProperties

Spring(二)------IOC控制反轉

tsp name 調試 的人 好的 turn 同時 eth 時機   我相信提到 Spring,很多人會脫口而出IOC(控制反轉)、DI(依賴註入)、AOP等等概念,這些概念也是面試官經常問到的知識點。那麽這篇博客我們就來詳細的講解 IOC控制反轉。   ps:本篇博客源

懶漢模式餓漢模式以及他們的改進

下一步 例子 理解 創建對象 進行 有一個 這就是 cnblogs 多人 提到單例模式的話相信很多人都不會陌生,一般初級程序員也知道懶漢模式和餓漢模式。 那麽什麽是單例模式呢?我個人低的理解就是當用這個類的對象的時候就只能創建同一個對象。是你,是你,還是你! 而在單例模式中

Linux rpm 命令參數使用[介紹應用]

使用詳解 gtk ont 由於 ins toolbar root 重新整理 完成後 參考來源:http://www.cnblogs.com/xiaochaohuashengmi/archive/2011/10/08/2203153.html rpm 執行安裝包二進制包(Bi

MyBatis之Mapper XML 文件(二)-sql入參

java mybatis sql 參數 mapper sql這個元素可以被用來定義可重用的 SQL 代碼段,可以包含在其他語句中。它可以被靜態地(在加載參數) 參數化. 不同的屬性值通過包含的實例變化. 比如:<sql id="userColumns"> $

Net Core中數據庫事務隔離——以DapperMysql為例

事務 ring 增刪改 tostring 測試 stc efault 多個 log Net Core中數據庫事務隔離詳解——以Dapper和Mysql為例 事務隔離級別 準備工作 Read uncommitted 讀未提交 Read committed 讀取提交內