将两个输入字段相乘，导致第三个字段随jQuery的变化而变化。
将两个输入字段相乘，导致第三个字段随jQuery的变化而变化。
提问于 2014-11-06 09:21:47
我需要乘两个用户输入字段，并在第三个字段中显示结果。当任何一个用户输入字段被更改时，结果字段必须更改。
<input type="number" name="rate" id="rate" />
<input type="number" name="box" id="box" />结果应该在第三个字段中，当上述两个字段中的任何一个被更改时，该字段将发生更改。这完全取决于用户的输入。
<input type="number" name="amount" id="amount" readonly />我需要用Jquery进行乘法。
提前感谢
回答 4
Stack Overflow用户
回答已采纳
发布于 2014-11-06 09:25:49
尝试如下:将change事件侦听器绑定到rate和box输入框中，并在其内部乘以将其放入amount输入中的值。
$('#rate, #box').change(function(){
var rate = parseFloat($('#rate').val()) || 0;
var box = parseFloat($('#box').val()) || 0;
$('#amount').val(rate * box);
});演示
输入其他字段后，可以使用keyup事件计算amount
$('#rate, #box').keyup(function(){
var rate = parseFloat($('#rate').val()) || 0;
var box = parseFloat($('#box').val()) || 0;
$('#amount').val(rate * box);
});演示
Stack Overflow用户
发布于 2014-11-06 09:43:22
尝试如下:绑定input事件侦听器、on速率和框输入框，并在其内部乘以值，将其放入金额输入中。
只有当输入的值发生变化时，input事件才会触发，而change只在字段失去焦点时触发。立即输入火
$('#rate, #box').on('input',function(){
var rate = parseFloat($('#rate').val()) || 0;
var box = parseFloat($('#box').val()) || 0;
$('#amount').val(rate * box);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<input type="number" name="rate" id="rate" value=""/>
<input type="number" name="box" id="box" value=""/>
<input type="number" name="amount" id="amount" readonly />
Stack Overflow用户
发布于 2014-11-06 11:48:29
以下是我对上述场景的2美分- http://jsfiddle.net/ak9ejpne/3/
我的目标是保持代码的简洁和一些MVC风格。
function Operand(a,b){
this.a = parseInt(a);
this.b = b;
this.c = (this.a)*(this.b);
this.set = function(key,edit){
this[key] = edit;
this.c = (this.a)*(this.b);
};
return this;
}请让我知道这是否对您有用:)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26775700
复制相关文章
相似问题
腾讯云开发者
