我們可以使用兩種類型的 ASP.NET 控件將復(fù)選框添加到 Web 窗體頁上:單獨(dú)的 CheckBox 控件或 CheckBoxList 控件。兩種控件都為用戶提供了一種輸入布爾型數(shù)據(jù)(真或假、是或否)的方法。
這里我們單獨(dú)使用CheckBox,先來看看它的屬性
屬性 | 描述 | .NET |
AutoPostBack | 規(guī)定在 Checked 屬性已改變后,是否立即向服務(wù)器回傳表單。默認(rèn)是 false。 | 1 |
CausesValidation | 規(guī)定點(diǎn)擊 Button 控件時(shí)是否執(zhí)行驗(yàn)證。 | 2 |
Checked | 規(guī)定是否已選中該復(fù)選框。 | 1 |
InputAttributes | 該 CheckBox 控件的 Input 元素所用的屬性名和值的集合。 | 2 |
LabelAttributes | 該 CheckBox 控件的 Label 元素所用的屬性名和值的集合。 | 2 |
runat | 規(guī)定該控件是服務(wù)器控件。必須被設(shè)置為 "server"。 | 1 |
Text | 與復(fù)選框關(guān)聯(lián)的文本標(biāo)簽。 | 1 |
TextAlign | 與復(fù)選框關(guān)聯(lián)的文本標(biāo)簽的對(duì)齊方式。(right 或 left) | 1 |
ValidationGroup | 在 CheckBox 控件回發(fā)到服務(wù)器時(shí)要進(jìn)行驗(yàn)證的控件組。 | 2 |
OnCheckedChanged | 當(dāng) Checked 屬性被改變時(shí),被執(zhí)行函數(shù)的名稱。 |
讓我們來做個(gè)簡單的示例來演示一下
前臺(tái)代碼:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CheckBox.aspx.cs" Inherits="WebControls_CheckBox" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.style1
{
width: 107px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<h3>CheckBox(復(fù)選框)</h3>
<table style="width: 100%;">
<tr>
<td class="style1">
屬性</td>
<td>
值</td>
<td>
作用</td>
</tr>
<tr>
<td class="style1">
Checked</td>
<td>
ture|false</td>
<td>
選中狀態(tài)|未選狀態(tài)
</td>
</tr>
</table>
<hr />
請(qǐng)選擇你喜歡的運(yùn)動(dòng):
<asp:CheckBox ID="chkSport" runat="server" Text="籃球" Checked="true" />
<asp:CheckBox ID="chkSport2" runat="server" Text="足球" />
<asp:CheckBox ID="chkSport3" runat="server" Text="地瓜" />
<br />
<asp:Button ID="btnSubmit" runat="server" Text="提交" onclick="btnSubmit_Click" />
<hr />
你選擇的愛好是:<asp:Label ID="lblState" runat="server"></asp:Label>
</div>
</form>
</body>
</html>
后臺(tái)代碼:
using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class WebControls_CheckBox : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btnSubmit_Click(object sender, EventArgs e)
{
lblState.Text = string.Empty;
if (chkSport.Checked)
{
lblState.Text = lblState.Text + chkSport.Text;
}
if (chkSport2.Checked)
{
if (lblState.Text.Length == 0)
{
lblState.Text = chkSport2.Text;
}
else
{
lblState.Text = lblState.Text + "," + chkSport2.Text;
}
}
if (chkSport3.Checked)
{
if (lblState.Text.Length == 0)
{
lblState.Text = chkSport2.Text;
}
else
{
lblState.Text = lblState.Text + "," + chkSport3.Text;
}
}
}
}