Как вычислить 2 поля ввода и поместить результаты в третье поле ввода

Question

Я хочу иметь форму, с помощью которой я могу добавить значение в первое текстовое поле, умножить его на второе скрытое поле и отобразить результаты в 3-м текстовом поле. Я хочу, чтобы, как только вы добавили значение в первое поле, он показал результат в 3-м поле, например, при нажатии клавиши "вверх".

<label>Qty:</label>
<input name="qty" id="qty" type="text" />
<input name="price" id="price" type="hidden" value="30" /><br />

<label>Total:</label>
<input name="total" id="total" type="text" />

Любая помощь будет здорово, так как я новичок в jquery.

Answer 1

Хотя вы получили ответ, но вы должны набрать приведенные значения, которые вы вводите во входах Я имею в виду, что если кто-то введет любое другое значение, кроме целого числа... тогда вы получите NaN в третьем текстовом поле.. Вот решение для решения этой проблемы

$(document).ready(function(){
    var qty=$("#qty");
    qty.keyup(function(){
        var total=isNaN(parseInt(qty.val()* $("#price").val())) ? 0 :(qty.val()* $("#price").val())
        $("#total").val(total);
    });
});

или вы можете проверить jsfiddle http://jsfiddle.net/ugPxf/

Answer 2

$("#qty").keyup(function(){
   total = $("#qty").val()* $("#price").val();
   $("#total").val(total);
});

Answer 3

Это должно работать.

$('#qty').on('keyup',function(){
     $('#total').val( $('#qty').val() * $('#price').val());
});

Р.