srcmini它用于从用户获取多个输入。它允许用户从选项集中选择选项。
它以yes或no格式接受用户输入。当我们希望用户选择多个选项时，这很有用。
要创建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>该控件具有自己的属性，如下表所示。
| 属性 | 描述 |
|---|---|
| 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;
}
}
}
最初，没有课程选择，然后没有显示。它显示用户选择，如以下屏幕截图所示。
评论前必须登录！
注册