C-Sharp | Java | Python | Swift | GO | WPF | Ruby | Scala | F# | JavaScript | SQL | PHP | Angular | HTML
ASP.NET Web Forms RadioButtonIt is an input control which is used to takes input from the user. It allows user to select a choice from the group of choices. To create RadioButton we can drag it from the toolbox of visual studio. This is a server side control and ASP.NET provides own tag to create it. The example is given below. < asp:RadioButtonID="RadioButton1" runat="server" Text="Male" GroupName="gender"/> Server renders it as the HTML control and produces the following code to the browser. <input id="RadioButton1" type="radio" name="gender" value="RadioButton1" /><labelfor="RadioButton1">Male</label> This control has its own properties that are tabled below.
Example
In this example, we are creating two radio buttons and putting in a group named gender. // 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>
<asp:RadioButton ID="RadioButton1" runat="server" Text="Male" GroupName="gender" />
<asp:RadioButton ID="RadioButton2" runat="server" Text="Female" GroupName="gender" />
</div>
<p>
<asp:Button ID="Button1" runat="server" Text="Submit" OnClick="Button1_Click" style="width: 61px" />
</p>
</form>
<asp:Label runat="server" id="genderId"></asp:Label>
</body>
</html>
Code Behind// 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 Button1_Click(object sender, EventArgs e)
{
genderId.Text = "";
if (RadioButton1.Checked)
{
genderId.Text = "Your gender is "+RadioButton1.Text;
}
else genderId.Text = "Your gender is "+RadioButton2.Text;
}
}
}
For this control we have set some properties like this:
Output: It produces the following output to the browser.
It responses back to the client when user select the gender.
Next TopicASP.NET Calender
|