获取每一行的总金额

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

DEMO

Answer 2

这样的事情：

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