ASP.NET之CheckBox的使用

来源:爱站网时间:2023-01-10编辑:网友分享
本文主要介绍了ASP.NET之CheckBox的使用内容,通过实例的方式,使大家更好的掌握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">

   &nbsp;

   属性</td>

  <td>

   值</td>

  <td>

   作用</td>

  </tr>

  <tr>

  <td class="style1">

   &nbsp;

   Checked</td>

  <td>

   &nbsp;

   ture|false</td>

  <td>

   &nbsp;选中状态|未选状态

  </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的使用内容已经分享完毕,如果有朋友对此还存在疑虑,那就直接在网站留下你的问题吧,小编会帮助大家处理,并且会在第一时间处理你的疑问。

上一篇:ASP.NET中的Cookie介绍

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载