Общая сумма для каждой отдельной строки

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