Axure9教程:全/复选表单

3 评论 7708 浏览 19 收藏 3 分钟

编辑导读:在工作中,经常会用到各种各样的表格,“表单表格复选、全部选择框,勾选一个”是最常用的操作之一。如何用Axure来完成呢?本文将此总结成一个教程,希望对你有帮助。

一、全/复选表单

表单表格复选、全部选择框,勾选一个,底下怎么联动全部选中?

1. 软件界面

11个复选框(其中一个全选)设置为11个动态面板,每个动态面板下两种状态,分别为带勾的和不带勾的方框

2. 交互

动态面板,单击时设置面板状态-动态面板-下一项-循环
状态改变时,如果动态面板为状态1则动态面板1-10为状态1

状态改变时,否则动态面板为状态2则动态面板1-10为状态2

其他动态面板1-10设置相同交互,设置面板状态到下一项循环

3. 效果展示

 

本文由 @设计的产品 原创发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自Unsplash,基于CC0协议。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 根本不用那么麻烦,全选框设置选中,值为真。取消选中时,选中状态值未假。下面的框跟着一起设置就好了。

    来自上海 回复
  2. 其实可以直接将剩下的复选框打组。给总复选框输入命令:选中-设置选中-复选框组合

    来自广东 回复
  3. 求教,请问上面的有视频吗?

    来自湖南 回复