它用于从用户获取多个输入。它允许用户从选项集中选择选项。
它以yes或no格式接受用户输入。当我们希望用户选择多个选项时,这很有用。
要创建CheckBox,我们可以将其从Visual Studio的工具箱中拖动。
这是一个服务器端控件,ASP.NET提供了自己的标签来创建它。下面给出示例。
<
asp:CheckBox ID="CheckBox2" runat="server" Text="J2EE"/>
【asp.net复选框】服务器将其呈现为HTML控件,并向浏览器生成以下代码。
<
input id="CheckBox2" type="checkbox" name="CheckBox2" /><
label for="CheckBox2">J2EE<
/label>
该控件具有自己的属性,如下表所示。
属性 | 描述 |
---|---|
AccessKey | 用于设置控件的键盘快捷键。 |
TabIndex | 控件的制表符顺序。 |
BackColor | 用于设置控件的背景色。 |
BorderColor | 用于设置控件的边框颜色。 |
BorderWidth | 用于设置控件边框的宽度。 |
Font | 用于设置控制文本的字体。 |
ForeColor | 用于设置控件文本的颜色。 |
Text | 它用于设置要为控件显示的文本。 |
ToolTip | 当鼠标悬停在控件上时, 它将显示文本。 |
Visible | 在窗体上设置控件的可见性。 |
Height | 用于设置控件的高度。 |
Width | 用于设置控件的宽度。 |
Checked | 用于将控件的检查状态设置为true或false。 |
<
%@ 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;
}
}
}
文章图片
最初,没有课程选择,然后没有显示。它显示用户选择,如以下屏幕截图所示。
文章图片
推荐阅读
- asp.net linkbutton用法
- asp.net web表单日历
- asp.net radiobutton用法
- asp.net超链接
- asp.net按钮
- asp.net文本框
- asp.net标签
- asp.net服务器控件
- asp.net web表单示例