Axure复选框累加

前提条件:

三个checkbox(A,B,C),一个button(button),三个HTML(HTML1,HTML2,HTML3)

实现结果:

勾选任意一个checkbox,点击button进入HTML1;

勾选任意两个checkbox,点击button进入HTML2;

勾选任意三个checkbox,点击button进入HTML3;

实现方法:

第一种方式(中继器)

1.放入一个中继器,一个button,双击进入中继器。

Axure复选框累加_第1张图片

2.,将中继器自带的矩形删除并进行如下设置


放入checkbox,名称为select


Axure复选框累加_第2张图片
数据集中进行列的名称与现实的值的设置


Axure复选框累加_第3张图片
项目交互中对中继器现实的文本进行设置


Axure复选框累加_第4张图片
对select进行如图设置(checkbox为设置的全局变量)

最后,在返回主页对button按键进行变量值的设置即可。


Axure复选框累加_第5张图片
每一个值分别打开对应的页面

第二种方式(checkbox)

需要在面板中放入3个checkbox,并对每一个checkbox进行如上设置。还需设置页面初始数据(不建议使用,过程比较繁琐)

你可能感兴趣的:(Axure复选框累加)