axure多选框Checkbox计数效果交互

1、在界面放入多选列表内容，如下图所示

2、给“升级”后的文本取好名字

3、给每个多选框命好名字

4、单击选择第一个多选框，在交互里添加“选中时”用例，选择“设置变量值-添加全局变量”

5、有多少个多选框就设置多少个全局变量，设置如下

6、全局变量设置好后，在多选框1的用例中设置变量sl1值为1。

7、设置“批量升级数量”文本显示值为“[[sl1+sl2+sl3+sl4+sl5+sl6+sl7+sl8+sl9+sl10]]”

8、再对多选框1“未选中时”添加用例，设置量sl1=0,批量升级数量文本显示为“[[sl1+sl2+sl3+sl4+sl5+sl6+sl7+sl8+sl9+sl10]]“。

9、再依次对后面的所有多选框进行设置。每多选框对应一个变量。

10、最后对表头的全选框进行配置。设置全选框为“选中时“，多选框部门为“选中“状态，全选框为“未选中时“，多选框部门为“取消选中“状态，

点击预览查看交互效果，若要增加友好性，可把多选框选中时，整条数据背景突显、升级图标颜色修改。