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

186 阅读 0 评论 123 点赞

我是靠谱客的博主独特手套，最近开发中收集的这篇文章主要介绍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;
  }
 }
 }
}

运行效果：

CheckBox复选框控件