从输入和打印结果中除数

Question

因此，我有两个要用于计算的数字。 我正在使用以下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 />

和下面的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);
})

但不幸的是，我无法将输入中的两个数相除。 我错过了什么？

还有一个小提琴： http : //jsfiddle.net/g9fUf/57/

Answer 1

我想这是您想要的：

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);
});

您可以改进此解决方案，以仅在定义kilometer和personen数以及浮点数时显示结果。 您也可以将两个函数组合在一个JQuery选择器中。

Answer 2

$kilometer和$personen是变量名，而不是jQuery对象使用assign运算符设置值

$kilometer=kilometer;

即使允许，我还是建议从变量名中删除美元符号。 在更复杂的函数中，很难区分变量名和jQuery函数。