ASP.NET Web Forms CheckBox (复选框)

17 Mar 2025 | 阅读 2 分钟

它用于从用户那里获取多个输入。它允许用户从一组选项中选择。

它以“是”或“否”的格式获取用户输入。当我们想要用户进行多项选择时，它非常有用。

要创建 CheckBox（复选框），我们可以从 Visual Studio 的工具箱中将其拖动到设计界面上。

这是一个服务器端控件，ASP.NET 提供了自己的标签来创建它。示例如下。

服务器将其呈现为 HTML 控件，并生成以下代码到浏览器。

< input id="CheckBox2" type="checkbox" name="CheckBox2" /><label for="CheckBox2">J2EE</label>

此控件有自己的属性，如下表所示。

属性	描述
AccessKey	它用于为控件设置键盘快捷键。
TabIndex	控件的 Tab 键顺序。
BackColor	它用于设置控件的背景颜色。
BorderColor	它用于设置控件的边框颜色。
BorderWidth	用于设置控件边框的宽度。
Font	它用于设置控件文本的字体。
ForeColor	它用于设置控件文本的颜色。
文本	它用于设置要为控件显示的文本。
ToolTip	当鼠标悬停在控件上时，它会显示文本。
Visible	设置控件在表单上的可见性。
高度	它用于设置控件的高度。
宽度	它用于设置控件的宽度。
Checked (选中)	它用于设置控件的选中状态，可以是 true（真）或 false（假）。

示例

// WebControls.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebControls.aspx.cs" 
Inherits="WebFormsControlls.WebControls" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <h2>Select Courses</h2>
            <asp:CheckBox ID="CheckBox1" runat="server" Text="J2SE" />
            <asp:CheckBox ID="CheckBox2" runat="server" Text="J2EE" />
            <asp:CheckBox ID="CheckBox3" runat="server" Text="Spring" />
        </div>
        <p>
            <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
        </p>
    </form>
    <p>
        Courses Selected: <asp:Label runat="server" ID="ShowCourses"></asp:Label>
    </p>
</body>
</html>

代码隐藏

// WebControls.aspx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebFormsControlls
{
    public partial class WebControls : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            ShowCourses.Text = "None";
        }
        protected void Button1_Click(object sender, EventArgs e)
        {
            var message = "" ;
            if (CheckBox1.Checked)
            {
                message = CheckBox1.Text+" ";
            }
            if (CheckBox2.Checked)
            {
                message += CheckBox2.Text + " ";
            }
            if (CheckBox3.Checked)
            {
                message += CheckBox3.Text;
            }
            ShowCourses.Text = message;
        }
    }
}

最初，没有选择任何课程，所以它显示“none”（无）。它显示用户的选择，如下面的屏幕截图所示。

下一主题ASP.NET LinkButton

ASP.NET Web Forms CheckBox (复选框)

示例

代码隐藏

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

ASP .NET 教程

ASP.NET Web 窗体

ASP.NET 验证

ASP.NET MVC

ASP.NET Razor

其他

面试题

ASP.NET Web Forms CheckBox (复选框)

示例

代码隐藏

相关帖子

HTML 服务器控件

ASP.NET Cookie

ASP.NET TextBox

ASP.NET Label

ASP.NET RadioButton

WF 用户注册

ASP.NET WF 示例

ASP.NET WF 简介

ASP.NET HyperLink

ASP.NET DataList

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器