Share via

RadioButton Overview

  • Article

The RadioButton class represents a Button that can be selected, but not cleared, by a user. You can set the IsChecked property of a RadioButton by clicking it, but it can only be cleared programmatically. This topic provides examples of how to create a RadioButton control using Extensible Application Markup Language (XAML) and to set event handlers on the control using C#.

This topic contains the following sections.

  • RadioButton Control
  • Creating RadioButtons
  • Creating RadioButton Groups
  • Creating RadioButton Groups Using GroupName
  • Related Topics

RadioButton Control

The RadioButton is a control that is usually used as an item in a group of RadioButton controls however, it is possible to create a single RadioButton. A RadioButton control is a ContentControl, which means that it can contain content such as text, images, or panels. RadioButton controls inherit from the ToggleButton class, which in turn inherits from ButtonBase. Because RadioButton controls inherit from ToggleButton, they enable a user to change selections. Unlike a CheckBox, however, the user cannot clear the selected RadioButton by clicking it again. If the RadioButton is part of a group of RadioButton controls, the group contains functionality to manage toggling selections. The following graphic shows an example of a RadioButton control.

Typical RadioButton

Radio button states

Creating RadioButtons

The following example shows how to create a single RadioButton with XAML.

<RadioButton Name="rb" FontSize="12" Click="WriteText">Click the radio button.
</RadioButton>

After creating the RadioButton, you can add an event handler to handle Click events. Event handlers must be written in a procedural programming language, such as C# or Microsoft Visual Basic. The following event handlers demonstrate this.

void WriteText(object sender, RoutedEventArgs e)
{
rb.Content = "You followed directions.";
}

Public Sub WriteText(ByVal Sender As Object, ByVal e As RoutedEventArgs)
    rb.Content = "You followed directions."

End Sub

Creating RadioButton Groups

When RadioButton elements are grouped, the buttons are mutually exclusive. A user can select only one item at a time within a RadioButton group. Unlike a CheckBox, when a RadioButton is selected it cannot be cleared by clicking it. The application programmatically clears a selected item when the user selects a new item. Whether a RadioButton is selected is determined by the state of its IsChecked property. You can group RadioButton controls by placing them inside a parent or by giving them a group name. The following code sample groups three RadioButton controls inside a StackPanel parent.

<StackPanel>      
    <RadioButton Name="rb1" Checked="WriteText2">Yes</RadioButton>
    <RadioButton Name="rb2" Checked="WriteText2">No</RadioButton>
    <RadioButton Name="rb3" Checked="WriteText2">No opinion</RadioButton>
</StackPanel>

Creating RadioButton Groups Using GroupName

You can group RadioButton elements by using the GroupName property. The following code sample creates two separate RadioButton groups: colorgrp and numgrp.

<StackPanel>
    <RadioButton GroupName="colorgrp">Red</RadioButton>
    <RadioButton GroupName="colorgrp">Blue</RadioButton>
    <RadioButton GroupName="numgrp">1</RadioButton>
    <RadioButton GroupName="numgrp">2</RadioButton>
</StackPanel>

For the complete sample see RadioButton Sample.

See Also

Tasks

How to: Create a RadioButton

Other Resources

RadioButton