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

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

如何计算2个输入字段并将结果放入第3个输入字段

3 个答案: