ASP.NET中 CheckBox復(fù)選框控件的使用

字號:


    我們可以使用兩種類型的 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)簽的對齊方式。(right 或 left) 1
ValidationGroup 在 CheckBox 控件回發(fā)到服務(wù)器時(shí)要進(jìn)行驗(yàn)證的控件組。 2
OnCheckedChanged 當(dāng) Checked 屬性被改變時(shí),被執(zhí)行函數(shù)的名稱。  

    讓我們來做個(gè)簡單的示例來演示一下
    前臺代碼:
    <%@ 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>
      <tr>
      <td>
       屬性</td>
      <td>
       值</td>
      <td>
       作用</td>
      </tr>
      <tr>
      <td>
       Checked</td>
      <td>
       ture|false</td>
      <td>
        選中狀態(tài)|未選狀態(tài)
      </td>
      </tr>
     </table>
     <hr />
     請選擇你喜歡的運(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>
    后臺代碼:
    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;
      }
     }
     }
    }