jquery - 我如何计算 2 个输入字段并将结果放入第三个输入字段

Question

我想要一个表单，我可以在第一个文本字段中添加一个值，将其乘以第二个隐藏字段，然后在第三个文本字段中显示结果。我想要它，因此只要您向第一个字段添加值，它就会在第三个字段中显示结果，例如在键上。

<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

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

Answer 2

虽然你得到了答案，但你应该输入你在输入中输入的值。我的意思是如果有人键入除整数以外的任何其他值...那么您将在第三个文本框中得到 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 3

这应该有效。

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

R。