ASP.NET中 CheckBox复选框控件的使用
程序员文章站
2023-12-16 17:12:04
我们可以使用两种类型的 asp.net 控件将复选框添加到 web 窗体页上：单独的 checkbox 控件或 checkboxlist 控件。两种控件都为用户提供了一种输...
我们可以使用两种类型的 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;
}
}
}
}
运行效果：