服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - ASP.NET教程 - ASP.NET中 CheckBox复选框控件的使用

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

 

 

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

前台代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<%@ 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>

后台代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
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;
  }
 }
 }
}

运行效果:

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

延伸 · 阅读

精彩推荐