Javascript 如何获取两个输入字段的值(即数字),然后使用Jquery进行除法,并将结果显示给另一个输入?
我有两个输入字段Javascript 如何获取两个输入字段的值(即数字),然后使用Jquery进行除法,并将结果显示给另一个输入?,javascript,jquery,Javascript,Jquery,我有两个输入字段 <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"
<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的
.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);
});
像这样使用
parseInt
:
$("#bmi").click(function (){
var weight = parseInt($("#weight").val());
var height = parseInt($("#height").val());
var bmi = weight/height;
$("#bmi").val(bmi);
}
好的,谢谢您的输入,但它仍然没有将返回的结果分配到bmi输入字段。您在
体重
和身高
中得到了什么值@Morenatoxx例如,我把50公斤作为体重,然后是1.2米,我要做的是将这两个值进行分割,并在我控制台时将结果实时显示到bmi输入字段。记录我看到的结果,但我希望在我输入高度值后立即将其显示在bmi输入字段中,然后您需要使用change
事件计算该值:$(“#height”).change(function(){…})代码>
$("#height").change(function(){
var weight = $("#weight").val();
var height = $("#height").val();
var bmi = weight/height;
$("#bmi").val(bmi);
});
$("#bmi").click(function (){
var weight = parseInt($("#weight").val());
var height = parseInt($("#height").val());
var bmi = weight/height;
$("#bmi").val(bmi);
}