javascript - 获取每一行的总金额

Question

我目前正在研究，我需要将 2 个输入值（数量和数量）相乘，然后得到总数。我的问题在于理想情况下在 keyup 上获取每个“行”的总数，因为将有多个行/字段集。

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);
});