中关村商情网 › 首页 ›中关村IT学院› 编程语言› ASP.Net › 查看内容

ASP.NET之CheckBox的使用

2025-1-3 01:32| 发布者: admin| 查看: 93| 评论: 0

本文主要介绍了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 属性被改变时，被执行函数的名称。

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

前台代码：

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

}

运行效果：

鲜花

握手

雷人

路过

鸡蛋

上一篇：ASP.net动态网页制作视频教程下一篇：ASP.NET中的Cookie介绍

ASP.NET之CheckBox的使用

相关分类