[英]Divide Numbers from Input and Print Result
So I have two numbers which I want to use for calculations. 因此,我有两个要用于计算的数字。 I am using following HTML
我正在使用以下HTML
<label>Personen</label>
<input type="number" id="personen" /><br />
<label>Kilometer</label>
<input type="number" id="kilometer" /><br />
<label>Output</label>
<input type="text" id="output" readonly /><br />
and the following jQuery 和下面的jQuery
var $neu = $("#output");
var $kilometer, $personen;
var $neu = $kilometer/$personen;
$("#kilometer").keyup(function() {
var kilometer = parseFloat($(this).val());
$kilometer.val(kilometer);
})
$("#personen").keyup(function() {
var personen = parseFloat($(this).val());
$personen.val(personen);
})
But unfortunately I am not able to divide the two numbers from the input. 但不幸的是,我无法将输入中的两个数相除。 What did I miss?
我错过了什么?
There is also a fiddle: http://jsfiddle.net/g9fUf/57/ 还有一个小提琴: http : //jsfiddle.net/g9fUf/57/
Here is what you want, I think: 我想这是您想要的:
http://jsfiddle.net/g9fUf/59/ http://jsfiddle.net/g9fUf/59/
$("#kilometer").keyup(function() {
var kilometer = parseFloat($("#kilometer").val());
var personen = parseFloat($("#personen").val());
$("#output").val(kilometer/personen);
});
$("#personen").keyup(function() {
var kilometer = parseFloat($("#kilometer").val());
var personen = parseFloat($("#personen").val());
$("#output").val(kilometer/personen);
});
You may refine this solution to display result only when kilometer
and personen
are defined and float numbers. 您可以改进此解决方案,以仅在定义
kilometer
和personen
数以及浮点数时显示结果。 You might also group the two functions in one JQuery selector. 您也可以将两个函数组合在一个JQuery选择器中。
$kilometer
and $personen
are variable names and not jQuery objects use the assign operator to set the values $kilometer
和$personen
是变量名,而不是jQuery对象使用assign运算符设置值
$kilometer=kilometer;
And even though it is allowed, I would advise to remove the dollar sign from the variable names. 即使允许,我还是建议从变量名中删除美元符号。 In more complex functions it is harder to distinguish between variable names and jQuery functions.
在更复杂的函数中,很难区分变量名和jQuery函数。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.