当前位置： 移动技术网 > IT编程>开发语言>.net > ASP.NET中 CheckBox复选框控件的使用

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

2017年12月12日  | 移动技术网IT编程  | 我要评论

杨惠妍家族,宁阳县政府网,司马懿之死

我们可以使用两种类型的 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;
  }
 }
 }
}

运行效果：

checkbox复选框控件

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网