计算总金额

开发工具与关键技术：VS、计算总金额

作者：陆桂超

撰写时间：2019年7月6日

在做项目开发时，一些页面要用到计算的功能，下面我通过一个小例子来实现计算金额的功能。我使用的是c#编程语言。

1、html代码，首先准备好单价，数量和总金额的input标签。并绑定id值。

 <span>苹果单价：</span><input class="" id="Quantity1" onkeyup="Plantion1(this)" /> <br>                
 <span>苹果数量：</span><input class=" mt-1" id="UnitPrice1" onkeyup="Plantion1(this)" /><br>               
 <span>苹果总价：</span><input class=" mt-1" id="Amount1" />
<span>西瓜单价：</span><input class="" id="Quantity2" onkeyup="Plantion1(this)" /> <br>               
 <span>西瓜数量：</span><input class=" mt-1" id="UnitPrice2" onkeyup="Plantion1(this)" /><br>            
 <span>西瓜总价：</span><input class=" mt-1" id="Amount2" />
<span>总金额：</span><input style="width:60px" class=" mt-1" id="allAmount" />

2、分别计算某种商品的总价，即某种商品的单价*数量。
(1)、获取苹果单价和数量，并计算总价。
var Quant1 =
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲Quantity1").val…("#UnitPrice1").val();//获取数量
$("#Amount1").val(Quant1 * Quanth1);
//计算总价并回填到页面
(2)、获取西瓜单价和数量，并计算总价。
var Quant2=

var Quanth2= $("#UnitPrice2").val();//获取数量
$("#Amount2").val(Quant12* Quanth2); //计算总价并回填到页面

3、计算总金额，即苹果总价+西瓜总价。
var Amount1 = $("#Amount").val() * 1;//获取苹果总价
var Amount2 = $("#Amount").val() * 1;//获取西瓜总价
$("#allAmount").val(Amount1 + Amount2); //计算总金额并回填到页面

4、最后，我们可以把这些计算封装到一个函数里，并通过onkeyup时件调用到单价和数量的input标签里，这样，无论是改变单价或该变数量都能计算出总金额。

标签：总价,val,单价,计算,var,总金额
来源： https://blog.csdn.net/weixin_44543189/article/details/95035305