我们可以使用两种类型的 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; } } } }
运行效果:
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。