javascript - 将输入的数字相除并打印结果

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

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

还有一个 fiddle :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 且为 float 时才显示结果。您还可以将这两个函数分组到一个 JQuery 选择器中。