他の入力に値を入力して計算するには、入力タイプ番号で値を使用する方法はありますか？

Question

他の入力に値を入力して計算するための入力タイプ番号の値の使い方は？

この場合の入力id xxxへのフィル値が、私はどのように行うことができますmultiple with 3ためにその値を使用して入力id yyy

に値15を取得したい5を埋めますか？

<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する必要はありません値が数...それは偶然ではないことができないからです。

したがって、値を取得し、それを数学演算を実行するために整数に解析するだけです（入力値の型はテキストです）。

次に、これを行うための正しいイベントはキーアップ、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>

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>