購物車中數量發生變化時動態更改小計

Question

我只希望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中添加腳本的方法。

Answer 1

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

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

首先，將代碼添加到文檔准備好塊中，因為只有在文檔准備好后它才執行代碼。 其次，將onchange事件與具有id數量的輸入字段綁定，並進行所有計算。 請注意，您還應該進行一些驗證，例如是否輸入了單詞或字段為空白等等。

Answer 2

如果您想經常這樣做，我建議您從基礎開始：

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

如果這只是一次性的事情，那么您可以雇一些人為您做。