javascript - 個々の行ごとに合計金額を取得する

Question

私は現在、2つの入力値(数量と量)を掛けて合計を得る必要があることに取り組んでいます。私の問題は、複数の行/フィールドセットがあるため、理想的にはキーアップで個々の「行」の合計を取得することにあります。

HTML:

<fieldset>

<p>Title</p>
<label id="">Quantity</label><input type="text" class="quantity" id="" value="Quantity" name="">
<label id="">Amount</label><input type="text" class="amount" id="" value="Amount" name="">
<label id="">Total</label><input type="text" class="total" id="" value="Total" name="">

</fieldset>

<fieldset>

<p>Title</p>
<label id="">Quantity</label><input type="text" class="quantity" id="" value="Quantity" name="">
<label id="">Amount</label><input type="text" class="amount" id="" value="Amount" name="">
<label id="">Total</label><input type="text" class="total" id="" value="Total" name="">

</fieldset>

ボタンを使用して複数の行を追加できます。どんな助けでも大歓迎です。

Answer 1

各入力で、keyupを使用して各テキストボックスの値を取得し、.val()乗算することができます。

$("fieldset input").keyup(function() {
    var quantity = $(this).parent().find(".quantity").val();
    var amount = $(this).parent().find(".amount").val();

    $(this).parent().find(".total").val(quantity * amount);
});

デモ

Answer 2

このようなもの：

$(document).delegate(".total", "keyup", function() {
  var $fieldset = $(this).closest("fieldset"),
      total = $fieldset.find(".quantity").val() * $fieldset.find(".amount").val();
  $(this).val(total);
});