Interactive checkbox list

Axure RP 9
1

Hey, i want to make it super interactive here:
how to make UI know how many items are selected

skyrius1
skyrius1664×598 13 KB
skyrius2
skyrius2595×576 9.79 KB

2

You can do this by using a global variable (say ‘CheckBoxesSelected’) set to 0 by default, then adding interactions to each checkbox for selecting and unselecting.

These interactions should:

  • If selected, update variable value CheckBoxesSelected to [[CheckBoxesSelected+1]]
  • If unselected, update variable value CheckBoxesSelected to [[CheckBoxesSelected-1]]
  • Move the text widget for your total by 0, 0

You can then add an interaction to your total text widget that should update its own text to [[CheckBoxesSelected]] when it’s moved.

Here’s a demo file:
CheckBoxDemo.rp (53.8 KB)