ASP.NET中 CheckBox复选框控件的使用

2020-01-04 13:31ylbtech ASP.NET教程

本文主要介绍ASP.NET中CheckBox复选框控件的使用，并举例演示其用法，希望对大家有所帮助。

我们可以使用两种类型的 ASP.NET 控件将复选框添加到 Web 窗体页上：单独的 CheckBox 控件或 CheckBoxList 控件。两种控件都为用户提供了一种输入布尔型数据（真或假、是或否）的方法。

这里我们单独使用CheckBox，先来看看它的属性

属性	描述	.NET
AutoPostBack	规定在 Checked 属性已改变后，是否立即向服务器回传表单。默认是 false。	1.0
CausesValidation	规定点击 Button 控件时是否执行验证。	2.0
Checked	规定是否已选中该复选框。	1.0
InputAttributes	该 CheckBox 控件的 Input 元素所用的属性名和值的集合。	2.0
LabelAttributes	该 CheckBox 控件的 Label 元素所用的属性名和值的集合。	2.0
runat	规定该控件是服务器控件。必须被设置为 "server"。	1.0
Text	与复选框关联的文本标签。	1.0
TextAlign	与复选框关联的文本标签的对齐方式。(right 或 left)	1.0
ValidationGroup	在 CheckBox 控件回发到服务器时要进行验证的控件组。	2.0
OnCheckedChanged	当 Checked 属性被改变时，被执行函数的名称。

让我们来做个简单的示例来演示一下

前台代码：

				?

									<%@ 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(复选框)</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>

									    选中状态|未选状态

									  </td>

									  </tr>

									 </table>

									 <hr />

									 请选择你喜欢的运动： 

									 <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;

									  }

									 }

									 }

									}