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;
}
}
}
}
运行效果：
-
介绍 用于在选中和非选中状态之间进行切换。 引入 import { createApp } from 'vue'; import { Checkbox, CheckboxGroup } from 'vant'; const app = createApp(); app.use(Checkbox); app.use(CheckboxGroup); 代码演示 基础用法 通过 v-model 绑定复
-
checkbox常用于多选的情况，比如批量删除、添加群聊等； DOM结构 <div class="mui-input-row mui-checkbox"> <label>checkbox示例</label> <input name="checkbox1" value="Item 1" type="checkbox" checked> </div> 默认checkbox在右侧显示，若希
-
复选框，可设置其状态、传入特殊 class 以及复选框图标位置。 示例 基本用法 <cube-checkbox v-model="checked"> Checkbox </cube-checkbox> 如果选中了，则 checked 的值就为 true。 复选框图标样式 <cube-checkbox v-model="checked" position="right" shape="squa
-
定义 滑动条组件 图片展示 代码演示 import Form from 'pile/dist/components/form' const {Checkbox} = Form <Checkbox defaultChecked = {false} back={(o)=>{console.log(o)}} label="未选中"/> <Checkbox defaultChecked = {true}
-
Checkbox 复选框 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序 √ √ √ √ √ √ √ 基本使用 该组件无需强制搭配checkboxGroup组件使用(视情况而定)，可以单个独立使用u-checkbox组件 通过v-model给checkbox绑定一个变量，这个绑定的变量是双向的(初始值只能是true或者false)，也就是说，您可以无需监听
-
日常生活中复选框很常见，比如填写问卷时，让我们选一些喜欢的项目，游戏设置中，某一设置是打开还是关闭。只有两种状态的项目经常被设计为复选框。Cocos2d-x 提供 Checkbox 对象支持复选框功能。 创建一个复选框： #include "ui/CocosGUI.h" auto checkbox = CheckBox::create("check_box_normal.png",