乘以两个输入字段并导致在第三个字段中发生变化，当输入字段中的任何一个发生变化时，我需要将两个用户输入字段相乘并在第三个字段中显示结果

。当任何一个用户输入字段改变时，结果字段必须改变。乘以两个输入字段并导致在第三个字段中发生变化，当输入字段中的任何一个发生变化时，我需要将两个用户输入字段相乘并在第三个字段中显示结果

<input type="number" name="rate" id="rate" /> 
<input type="number" name="box" id="box" />

当上述两个字段中的任何一个被更改时，结果应该在第三个字段中变化。这完全取决于用户输入

<input type="number" name="amount" id="amount" readonly />

我需要这样做与Jquery的乘法。

在此先感谢

来源

2014-11-06 Ahamed Zulfan

试试这个：结合change事件侦听器rate和box输入框和里面乘数值来把它放在amount输入。

$('#rate, #box').change(function(){ 
    var rate = parseFloat($('#rate').val()) || 0; 
    var box = parseFloat($('#box').val()) || 0; 

    $('#amount').val(rate * box);  
});

DEMO

您可以使用keyup事件来计算amount只要你进入其他领域

$('#rate, #box').keyup(function(){ 
    var rate = parseFloat($('#rate').val()) || 0; 
    var box = parseFloat($('#box').val()) || 0; 

    $('#amount').val(rate * box);  
});

DEMO

来源

2014-11-06 09:25:49

我有jQuery的1.11.1。它不反映 *注意：我在LOCALHOST * – 2014-11-06 09:42:32

中为jquery 1.11执行此代码，它为我工作看[this]（http://jsfiddle.net/2L95x1u9/2/）。可能有一些错误，请检查浏览器控制台。请检查您的jQuery lib路径是否正确。 – 2014-11-06 09:45:03

这是否在LOCALHOST – 2014-11-06 09:49:42

试试这个：绑定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 />

来源

2014-11-06 09:43:22

我有我的LOCALHOST jquery-1.11.1并已链接到页面。 – 2014-11-06 09:46:23

雅兄弟它也能正常使用该版本的jquery – 2014-11-06 09:55:13

它不适合我。我尝试了不同的浏览器太多。 – 2014-11-06 09:58:19

这里是我的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; 
}

不要让我知道，如果它是对你有用的方法:)

来源

2014-11-06 11:48:29 Subhranshu

乘以两个输入字段并导致在第三个字段中发生变化，当输入字段中的任何一个发生变化时，我需要将两个用户输入字段相乘并在第三个字段中显示结果

回答

相关问题