jquery - キーアップで2つの入力フィールドを乗算しますか？

Question

私は2つのフィールドを持っています

<input id="E_Item1" name="E_Item1">
<input id="E_CCNM" name="E_CCNM">

JQueryでは、キーアップ時にこれらのフィールドの値をdivに乗算するにはどうすればよいですか？

Answer 1

<input id="E_Item1" name="E_Item1" type="text" class="multiplier">
<input id="E_CCNM" name="E_CCNM" type="text" class="multiplier">
<div id="results"></div>

次に、期待される結果が整数の倍数であると仮定すると、jsでは、準備ができたリスナーでこのようなことを行います...

$('.multiplier').on('keyup', function(){
    $('#results').html("£" + parseInt($('#E_Item1').val()) * parseInt($('#E_CCNM').val()));
});

Answer 2

jQueryは快適なイベントリスナーを提供します。

入力の値にアクセスするには、 val：を使用できます$('#elementID').val()。

したがって、コード全体は次のようになります。

$('#getResult').on('click', function(e){
    var val1 = $('#E_Item1').val();
    var val2 = $('#E_CCNM').val();
    alert(parseFloat(val1)*parseFloat(val2));
});​

（JSFiddle）

---

以下のリンクをご覧ください。あなたがグーグルを使用して、あなた自身で問題を解決することができたならば、あなたはそれらを見つけたでしょう：

http://api.jquery.com/on/

http://api.jquery.com/val/