ASP.Net RadioButton

by Online Tutorials Library July 14, 2022

ASP.NET Web Forms RadioButton

It 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.

Property	Description
AccessKey	It is used to set keyboard shortcut for the control.
TabIndex	The tab order of the control.
BackColor	It is used to set background color of the control.
BorderColor	It is used to set border color of the control.
BorderWidth	It is used to set width of border of the control.
Font	It is used to set font for the control text.
ForeColor	It is used to set color of the control text.
Text	It is used to set text to be shown for the control.
ToolTip	It displays the text when mouse is over the control.
Visible	To set visibility of control on the form.
Height	It is used to set height of the control.
Width	It is used to set width of the control.
GroupName	It is used to set name of the radio button group.

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:

ASP RadioButton 1

Output:

It produces the following output to the browser.

ASP RadioButton 2

It responses back to the client when user select the gender.

ASP RadioButton 3

Next TopicASP.NET Calender

ASP.Net RadioButton

ASP.NET Web Forms RadioButton

Example

Code Behind

Artificial Neural Network Tutorial

AutoCAD Polar Array

You may also like