Javascript 更改时，输入值将添加到以前的值上

我试图创建一个JS/Jquery函数，用户可以在其中输入特定数量的产品。当用户在数量输入中输入一个数字时，该数字乘以产品价格并显示在小计输入中

假设我有一个定价为4美元的产品，我的问题是，当用户输入一个数量编号时，比如说12，它将给出48美元的小计，但随后将其更改为3，它将在小计输入中给出60美元的48美元中添加3*$4，而不是12美元

我希望它去掉48.00美元，只显示新的小计，即12.00美元。有什么想法可以改变我的功能，使这个功能成为可能

我的JavaScript代码：

功能选择数量数量{ 变量qtyValue=数量值； 变量qtyId=数量id； var arr=qtyId.分割； var productId='product_u'+arr[1]+''+arr[2]； var productValue=$+productId.val； var prodprice=document.getElementByIdprodprice； var selectedValue=prodprice.options[prodprice.selectedIndex].value； 如果选择了值==客户端{ $.ajax{//创建一个ajax请求以加载_page.php 类型：GET， url:ajax\u all.php？from=pos\u product1&name=+productValue， dataType:html，//希望返回html 成功：功能响应{ var价格=响应*数量价值； var sub_total=$sub-total.val； $sub total.val+sub_total++price.toFixed2； gstmultiply$sub-total.val； } }; }否则{ $.ajax{//创建一个ajax请求以加载_page.php 类型：GET， url:ajax\u all.php？from=pos\u product&name=+productValue， dataType:html，//希望返回html 成功：功能响应{ var价格=响应*数量价值； var sub_total=$sub-total.val； $sub total.val+sub_total++price.toFixed2； gstmultiply$sub-total.val； } }; } } 以下是我表格的具体部分：

添加 小计：

---

您可以创建一个codepen.io来显示错误吗？这两个ajax调用之间的区别是什么？它们看起来是一样的。你不能只加上当前商品的价格。你需要把总数归零，把所有的项目加起来，从头开始计算总数；var sub_total=$sub total.val$小计.val+小计++价格.toFixed2；，您可能需要重新计算项目的总计，而不仅仅是添加到旧值中