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

我想要一个表格，我可以在第一个文本字段中添加一个值，将其乘以第二个隐藏字段，并在第三个文本中显示结果领域。我想要它，所以只要你给第一个字段添加一个值，它就会在第三个字段中显示结果，例如在键盘上。如何计算2个输入字段并将结果放在第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。

来源

2013-08-18 user2489811

有无在[jQuery API]（http://api.jquery.com）中关于'keypress'处理函数的读取以及'val（）'函数。除此之外，它的基本数学。 –

在第一个文本中你想要'1 + 1'还是什么？ –

虽然你得到的答案，但你应该强制类型转换，你在输入输入值。我的意思是，如果有人键入比整数以外的任何其他值......那么你将在第3 textbox..Here得到楠的解决方案来处理这个问题

$(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/

来源

2013-08-18 15:10:25 Mahajan344

谢谢你，我没有想到这一点。 – user2489811

如果这有帮助，那么你应该标记为答案 – Mahajan344

你能帮我做这个计算器吗？ http://services.resellerbytes.com/business-email – shaz3e

这应该工作。

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

来源

2013-08-18 14:45:16

感谢您的迅速回复，这真的很好。 – user2489811

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

来源

2013-08-18 14:46:33 Akhil5

并感谢Akhil5，您的解决方案也起作用。当你知道如何如此简单:) – user2489811

请尝试解释为什么你的解决方案工作，以及给代码。 – ArtB

嗨，代码可以在这里看到工作：http://jsfiddle.net/gkwx7/ – user2489811

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

回答

相关问题