当购物车中的数量发生变化时，动态更改小计

change the subtotal dynamically when the quantity changes in shopping cart

本文关键字：动态 变化 购物车      更新时间：2023-09-26

我只是想让javascript代码实现这个简单的事情。小计价格应根据用户更改的数量进行更改。如果价格为 1000 并且数量更改为 2，则小计应为 2000。

这是我的代码：

<input type="number" min="0" class="form-control" id="quantity" value="1">
</td>
<td>
    <input type="text" class="form-control" id="price" value="1000" readonly>
</td>
<td>
    <input type="text" class="form-control" id="subTotal" value="1000">
</td>

我在javascript中是零。 也请告诉我在我的HTML中添加脚本的方法。

$(document).ready(function(){
    $("#quantity").change(function(){
        $("#subTotal").val(parseInt($(this).val()) * parseInt($("#price").val()));
    });
});

我为你添加了一个 plunker - http://plnkr.co/edit/aF6G1SSJZTLREH6cBBul

首先，将代码添加到文档就绪块中，因为它仅在文档准备就绪后执行代码。其次，将 onchange 事件与带有 id 数量的输入字段绑定并执行所有计算。请注意，您还应该进行一些验证，例如是否输入了单词或将文件留空等。

如果你想

经常这样做，我建议从基础开始：

http://www.codecademy.com/en/tracks/javascript

如果这只是一次性的事情，你可以雇一些人为你做这件事。

相关文章：