javascript - 我如何获取 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);
});