Axure修改输入框数据自动计算其余输入框内容

1

设计需求

一般做电商订单支付分摊规则,鼠标键出计算应付总额(对总额做累加计算),鼠标键出运费对总额做累加计算,鼠标键出应付总额对商品行做分摊计算

操作方法

1.三行商品输入框分别起名“1002480”“1002452”“1002454”,运费输入框起名“运费”,应付总额起名“总额”

2.设置局部变量“1002480”“1002452”“1002454”“运费””总额”分别为LVAR1,LVAR2,LVAR3,LVAR4,LVAR5

2.鼠标键出第一个商品输入框设置应付总额为[[LVAR1+LVAR2+LVAR3+LVAR4]]

3.第二和第三个商品输入框同样操作

4.运费输入失去焦点设置应付总额输入框[[LVAR1+LVAR2+LVAR3+LVAR4]]

5.应付总额鼠标失去焦点后设置输入框“1002480”“1002452”“1002454”的计算公式为[[(LVAR5-LVAR4)*20/100]],[[(LVAR5-LVAR4)*30/100]],[[(LVAR5-LVAR4)*50/100]]

注意:此功能只为体现Axure效果,实际订单分摊原理为每个商品按照应付金额分摊后,最后一个商品采用减法计算

附件为Axure源文件

发表评论

Your email address will not be published.