关注我们

ASP.NET - CheckBox

它用于从用户获取多个输入。它接受是或否格式的用户输入。当无涯教程希望用户有多个选择时，它很有用。

若要创建复选框CheckBox，可以将其从Visual Studio的工具箱中拖动。

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

<asp:CheckBox ID="CheckBox2" runat="server" Text="J2EE"/>

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

复制代码

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

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

Property	Description
AccessKey	它用于设置控制的键盘快捷键。
TabIndex	控件的选项卡顺序。
BackColor	它用于设置控件的背景颜色。
BorderColor	它用于设置控件的边框颜色。
BorderWidth	它用于设置控件边框的宽度。
Font	它用于为控制文本设置字体。
ForeColor	它用于设置控制文本的颜色。
Text	它用于设置要为控件显示的文本。
ToolTip	当鼠标遍布控件时，它会显示文本。
Visible	在表格上设置控制的可见性。
Height	它用于设置控件的高度。
Width	它用于设置控件的宽度。
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;
        }
    }
}