5、Web 窗体的基本控件——复选框控件和复选组控件(CheckBox 和 CheckBoxList)
复选框控件和复选组控件(CheckBox 和 CheckBoxList)
前端
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm5.aspx.cs" Inherits="WebApplication2.WebForm5" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<br />
<br />
<p>
<asp:CheckBox ID="CheckBox1" runat="server" Text="Check1" AutoPostBack="true" OnCheckedChanged="CheckBox1_CheckedChanged" />
<asp:CheckBox ID="CheckBox2" runat="server" Text="Check2" AutoPostBack="true" OnCheckedChanged="CheckBox2_CheckedChanged"/>
</p>
<asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="True"
onselectedindexchanged="CheckBoxList1_SelectedIndexChanged">
<asp:ListItem Value="Choose1">Choose1</asp:ListItem>
<asp:ListItem Value="Choose2">Choose2</asp:ListItem>
<asp:ListItem Value="Choose3">Choose3</asp:ListItem>
</asp:CheckBoxList>
</div>
</form>
</body>
</html>
后端
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebApplication2
{
public partial class WebForm5 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void CheckBox1_CheckedChanged(object sender, EventArgs e)
{
Label1.Text = "选框 1 被选中"; //当选框 1 被选中时
}
protected void CheckBox2_CheckedChanged(object sender, EventArgs e)
{
Label1.Text = "选框 2 被选中,并且字体变大"; //当选框 2 被选中时
Label1.Font.Size = FontUnit.XXLarge;
}
protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e)
{
if (CheckBoxList1.Items[0].Selected) //判断某项是否被选中
{
Label1.Text = "选框 1 被选中";
Label1.Font.Size = FontUnit.XXLarge; //更改字体大小
}
if (CheckBoxList1.Items[1].Selected) //判断是否被选中
{
Label1.Text = "选框 2 被选中";
Label1.Font.Size = FontUnit.XLarge; //更改字体大小
}
if (CheckBoxList1.Items[2].Selected)
{
Label1.Text = "选框 3 被选中";
Label1.Font.Size = FontUnit.XSmall;
}
}
}
}
预览