如何获取2个数字输入字段的值，然后使用Jquery进行除法并将结果显示给另一个输入？

Question

我有两个输入字段

<label>WEIGHT</label>
<input type="number" name="weight" id="weight" class="form-control" placeholder="weight in KG">
<label>HEIGHT</label>
<input type="number" name="height" id="height" class="form-control" placeholder="Height in Meters">

我想将权重值除以高度，然后使用JQuery将结果实时分配给此输入字段

<label>BMI</label>
<input type="text" name="bmi" id="bmi" class="form-control" placeholder="weight/height">

我已经尝试过了，但是没有用

$(document).ready(function(){
   var weight = $("#weight").val();
   var height = $("#height").val();
   var bmi = weight/height;
   $("#bmi").val() = bmi;
});

Answer 1

当您使用jQuery的.val 设置值时，您需要在括号内传递新值，即： .val(newValue) 。

因此，您的代码应如下所示：

$("#bmi").val(bmi);

另外，对document.ready进行这些计算也没有意义，因为输入将没有任何价值。 您需要将代码移至change事件：

$("#height").change(function(){
   var weight = $("#weight").val();
   var height = $("#height").val();
   var bmi = weight/height;
   $("#bmi").val(bmi);
});

Answer 2

像这样使用parseInt ：

$("#bmi").click(function (){
    var weight = parseInt($("#weight").val());
    var height = parseInt($("#height").val());
    var bmi = weight/height;
    $("#bmi").val(bmi);
}