购物车数量变化时动态更改小计答案

【问题标题】：change the subtotal dynamically when the quantity changes in shopping cart购物车数量变化时动态更改小计
【发布时间】：2015-06-19 17:30:45
【问题描述】：

我只想要 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 中添加脚本。

【问题讨论】：

标签： javascript jquery shopping-cart cart

【解决方案1】：

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

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

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

【讨论】：

是的，你必须像上面一样指定。
只需将此代码添加到我的 HTML 中的脚本标记中就可以了吗？
是的，它会起作用的。只需确保将脚本放在 jquery.js 之后
@sathyadev - 代码中有一些错字 - 我已经更新了它们。请立即检查。
@sathyadev - 你检查过链接了吗？这是工作。此外，在您 16 分钟前发表评论后，我也更新了一些代码。您是否选择了更新后的代码？

【解决方案2】：

如果您想经常这样做，我建议您从基础开始：

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

如果只是一次性的事情，您可以聘请某人为您完成。

【讨论】：