购物车

时间:2015-06-19 17:30:45

标签: javascript jquery shopping-cart cart

我只是想让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中添加脚本的方法。

2 个答案:

答案 0 :(得分:3)

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

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

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

答案 1 :(得分:-1)

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

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

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