ASP.NET中 RadioButtonList 单选按钮组控件的使用方法

时间:2021-05-28

RadioButtonList 控件表示一个封装了一组单选按钮控件的列表控件。

可以使用两种类型的 ASP.NET 控件将单选按钮添加到网页上:各个 RadioButton 控件或一个 RadioButtonList 控件。这两类控件都允许用户从一小组互相排斥的预定义选项中进行选择。使用这些控件,可定义任意数目的带标签的单选按钮,并将它们水平或垂直排列。

一、常用属性

属性 值 作用 RepeatDirection Horizontal|Vertical 项的布局方向:水平方向|竖直风向 RepeatLayout Table|Flow 展现方式:表格|流线型 Selected True|Falsee 是否为选中状态

二、代码演示

前台 RadioButtonList.aspx

复制代码 代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RadioButtonList.aspx.cs" Inherits="WebControls_RadioButtonList" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<h3>RadioButtonList(单选按钮组)</h3>
<hr />
请选择性别:<asp:RadioButtonList
ID="radlSex" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow">
<asp:ListItem Selected="True">男</asp:ListItem>
<asp:ListItem>女</asp:ListItem>
</asp:RadioButtonList>
<br />
<asp:Button ID="btnSubmit" runat="server" Text="提交" onclick="btnSubmit_Click" />
<hr />
你选择的性别为:<asp:Label ID="lblState" runat="server"></asp:Label>

</div>
</form>
</body>
</html>

后台 RadioButtonList.aspx.cs

复制代码 代码如下:
using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class WebControls_RadioButtonList : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{

}
protected void btnSubmit_Click(object sender, EventArgs e)
{
lblState.Text = radlSex.SelectedValue;
}
}

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章