Axure Tutorial: When Radio Buttons are Clicked, Only One is Selected

Demand

The problem for many novices is: it is impossible to select only one radio box when multiple radio boxes are clicked. This article mainly helps the novice to solve this problem.

Features to be Realized

When clicking one of multiple radio buttons, select one of them and unselect other items at the same time.

How to Realize these Features

Assign Radio Groups for all radio buttons.

Preview the completed prototype for this tutorial

Step

1. Open Axure, drag two or more radios into canvas, and enter the option name.
2. Next, set the radio button option group in two ways:

The first method: select all radio buttons, right-click and click Assign Radio Group.

The second method: select all radio buttons, click Interactions in the right window, and set the name in the Assign Radio Group. Then the setting is completed.

If you have any questions and suggestions, please leave a message.

Note: Click here to download the completed RP file for this tutorial (RP 10 or up).

Well Joe @AxureBoutique, a technical writer and teacher, focuses on Axure prototype design and product design.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store