Radio Button

The Radio Button Control is a control that can be used either individually or as a group. This control is commonly used to allow a user to make one or more mutually exclusive selections, such as gender or age group.

Like almost all SPARK controls, you can trigger events that are fired when the user interacts with the control (see the Event and Methods sections below and the Event Handling article for more information). 

The Radio Button control can be bound to a Boolean Variable.


Tab Index Form control tabbing sequence index. Tab indices start at 1, and may be set sparsely.

Value When Selected Value the binding is set to when this radio button is selected

Group Name Group this radio button belongs to (Note: when one radio button in  group is selected, all other radio buttons in the same group will be deselected)


These are the configuration option settings...

This is the result...


With the Radio Button control, there are 2 types of event handlers:

  • On Load When the page loads
  • On Selected When the control is selected

You can use JavaScript logic to affect the effects of the control, depending on the event. More information on using these controls can be found in the Event Handling article.


For detailed information on the available methods for this control, access the JS Doc file.


  • Author: Erick Quintanilla
  • Date Created: June 6, 2015
  • Date Modified: June 16, 2015
Was this article helpful?
0 out of 0 found this helpful