当前位置：首页 > 资讯 > 技术文档

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

时间：2021-02-08 07:04 编辑：来源：阅读：
扫一扫，手机访问

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

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

属性	描述	.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 属性被改变时，被执行函数的名称。

[b]让我们来做个简单的示例来演示一下[/b] [b]前台代码：[/b]

<%@ 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>

[b]后台代码：[/b]

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

[b]运行效果：[/b] [img]http://files.jb51.net/file_images/article/201604/2016415110227302.png[/img]

全部评论(0)

上一篇：android使用webwiew载入页面使用示例(Hybrid App开发)
下一篇：C#正则过滤HTML标签并保留指定标签的方法

资讯排行榜
更多>>