ASP.NET中 CheckBox复选框控件的使用
发布于 2016-06-24 12:08:53 | 189 次阅读 | 评论: 0 | 来源: 网友投递
ASP.NET
ASP.NET 是.NET FrameWork的一部分，是一项微软公司的技术，是一种使嵌入网页中的脚本可由因特网服务器执行的服务器端脚本技术，它可以在通过HTTP请求文档时再在Web服务器上动态创建它们。 指 Active Server Pages（动态服务器页面） ，运行于 IIS（Internet Information Server 服务，是Windows开发的Web服务器）之中的程序 。
本文主要介绍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;
}
}
}
}运行效果：
推荐阅读
最新资讯