html计算选定的金额,计算总金额

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

作者：陆桂超

撰写时间：2019年7月6日

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

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

苹果单价：

苹果数量：

苹果总价：

西瓜单价：

西瓜数量：

西瓜总价：

总金额：

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标签里，这样，无论是改变单价或该变数量都能计算出总金额。