ASP.NET中 CheckBox复选框控件的使用
更新时间:2021年9月22日 10:08 点击:1904
我们可以使用两种类型的 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购物车的实现过程,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22
- 在开发过程中,使用Visual Studio的断点调试功能可以很方便帮我们调试发现程序存在的错误,同样Visual Studio也支持对SQL Server里面的存储过程进行调试,下面就让我们看看具体的调试方法。...2021-09-22
Ant design vue table 单击行选中 勾选checkbox教程
这篇文章主要介绍了Ant design vue table 单击行选中 勾选checkbox教程,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-10-25ASP.NET Core根据环境变量支持多个 appsettings.json配置文件
这篇文章主要介绍了ASP.NET Core根据环境变量支持多个 appsettings.json配置文件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-09-22- 这篇文章主要介绍了记一次EFCore类型转换错误及解决方案,帮助大家更好的理解和学习使用asp.net core,感兴趣的朋友可以了解下...2021-09-22
C#遍历得到checkboxlist选中值和设置选中项的代码
这篇文章主要介绍了C#遍历得到checkboxlist选中值和设置选中项的代码,代码简单易懂,具有参考借鉴价值,需要的朋友可以参考下...2020-06-25- jquery 实现全选,反选,全不选等功能,下面直接以例子进行说明。设页面有如下一组复选框和几个相关按钮(全选,反选,全不选等): <input type="checkbox" name="fruit" value="apple" />苹果 <input type="checkbox" name="fruit"...2015-10-21
详解ASP.NET Core 中基于工厂的中间件激活的实现方法
这篇文章主要介绍了ASP.NET Core 中基于工厂的中间件激活的实现方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-09-22asp.net通过消息队列处理高并发请求(以抢小米手机为例)
这篇文章主要介绍了asp.net通过消息队列处理高并发请求(以抢小米手机为例),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-09-22ASP.NET单选按钮控件RadioButton常用属性和方法介绍
RadioButton又称单选按钮,其在工具箱中的图标为 ,单选按钮通常成组出现,用于提供两个或多个互斥选项,即在一组单选钮中只能选择一个...2021-09-22ASP.NET 2.0中的数据操作:使用两个DropDownList过滤的主/从报表
在前面的指南中我们研究了如何显示一个简单的主/从报表, 该报表使用DropDownList和GridView控件, DropDownList填充类别,GridView显示选定类别的产品. 这类报表用于显示具有...2016-05-19- 这篇文章主要为大家详细介绍了JavaScript实现复选框全选功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-04-11
jquery checkbox无法用attr()二次勾选问题的解决方法
下面小编就为大家带来一篇jquery checkbox无法用attr()二次勾选问题的解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-07-29ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容
这篇文章主要介绍了ASP.NET中iframe框架点击左边页面链接,右边显示链接页面内容的实现代码,感兴趣的小伙伴们可以参考一下...2021-09-22- ASP.NET Web API具有与ASP.NET MVC类似的编程方式,ASP.NET Web API不仅仅具有一个完全独立的消息处理管道,而且这个管道比为ASP.NET MVC设计的管道更为复杂,功能也更为强大。下面创建一个简单的Web API项目,需要的朋友可以参考下...2021-09-22
- 下面小编就为大家带来一篇jq checkbox 的全选并ajax传参的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2017-04-03
- 这篇文章主要为大家详细介绍了vue使用vant中的checkbox实现全选功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-11-17
- 这篇文章主要介绍了ASP.NET连接MySql数据库的2个方法及示例,使用的是MySQL官方组件和ODBC.NET,需要的朋友可以参考下...2021-09-22
- 这篇文章主要介绍了Asp.Net使用Bulk实现批量插入数据的方法,对于进行asp.net数据库程序设计非常有借鉴价值,需要的朋友可以参考下...2021-09-22
- 这篇文章主要介绍了获取DataTable选择第一行某一列值,需要的朋友可以参考下...2021-09-22