John Paul George Ringo

Radio buttons allow the user to select one option from a set. Use radio buttons for exclusive selection if you think that the user needs to see all available options side-by-side.

Otherwise, consider a dropdown, which uses less space than displaying all options.

Simple Radio Example

In the example below we will show you how to create a simple radio group and get the value of the selected option.