如何使用輸入類型編號中的值來計算和設置其他輸入中的值？

Question

如何使用輸入類型編號中的值來計算和設置其他輸入中的值？

在這種情況下，當將值填充到輸入id xxx ，填充5我想將該值multiple with 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 ，因為值不是數字...這是不可能發生的。

因此，您只需要獲取值並將其解析為整數（輸入的值類型為文本）即可對其執行數學運算。

然后，要做到正確的事情就是增加鍵，而不是減少鍵（因為該值目前不在字段中）或更改。

 $("#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> 

Answer 2

你可以用一個簡單的功能

 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; } var multiplyBy3 = function() { var x = document.getElementById("xxx").value; document.getElementById("yyy").value = x * 3; } 

 <p> <input name="xxx" type="number" id="xxx" onkeydown="return isNumber(event)"> </p> <button onclick="multiplyBy3()">Multiply By 3</button> <p> <input name="yyy" type="number" id="yyy" disabled > </p>