Axure RP 9 新手养成计划,自学记录篇(2)单选框效果
- 实现目标: 选择任一项,其他项变成非选中状态。
- 实现方式: (1)单选按钮组的设置;(2)通过事件动作来实现
最终效果如下:
详细步骤:
拖拽组件:3个单选框,将单选框文字分别改为男、女、保密
方式一:设置单选按钮组 (性别1)
- 选中三个单选框 > 单击鼠标右键调出菜单栏 > 指定单选按钮的组
- 将组名称命名为:性别
- 预览,实现单选效果
方式二:通过事件动作来实现(性别2) - 分别设置三个单选框的onclick事件为:如果该单选框被选中的话,其他单选框变为未选中状态
- 设置单选框 “男” 的oneclick单击事件
- 分别按同样的方式,设置单选框 “女” 和 “保密” 的oneclick单击事件
- 预览,实现单选效果
- 设置单选框 “男” 的oneclick单击事件