javascript - 如何使用输入类型数字中的值来计算并将值设置到其他输入中？

Question

如何使用输入类型数字中的值来计算并将值设置到其他输入中？

当在本例中将值填充到输入id xxx时填充5时，我想将该值用于与3相乘并获取值15 输入 id yyy

我该怎么办？

<p>
<input name="xxx" type="number" id="xxx" onkeydown="return isNumber(event)">
</p>

<p>
<input name="yyy" type="number" id="yyy"  disabled >
</p>


<script>
function isNumber(number_check) {
    number_check = (number_check) ? number_check : window.event;
    var charCode = (number_check.which) ? number_check.which : number_check.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    }
    return true;
}
</script>

Answer 1

由于输入#xxx是数字类型，因此不需要return false，因为该值不是数字...它不能发生。

因此，您只需获取该值并将其解析为整数(输入的值类型是文本)即可对其执行数学运算。

那么，执行此操作的正确事件是 keyup，而不是 keydown(因为此时该值尚未在字段中)或更改。

$("#xxx").on("keyup change", function(){
  $("#yyy").val( parseInt($("#xxx").val())*3 );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>
<input name="xxx" type="number" id="xxx">
</p>

<p>
<input name="yyy" type="number" id="yyy" disabled >
</p>