javascript - 複数の同じ名前が存在する名前を使用したキープレス関数

Question

HTML

<input name="pm" type="text" value="0"/>
<input name="pm" type="text" value="0"/>
<input name="pm" type="text" value="0"/>

<input name="total" type="text" value="0" disabled="disabled"/>

Javascript

$('[name="pm"]').keypress(function() {

//implementation ?

});

デフォルト値 = 0 で 3 つのテキスト ボックスがあります。ユーザーがこれら 3 つのテキスト ボックスのいずれかを書き込むと、合計が合計テキスト ボックスに表示される必要があります。3 つのテキスト ボックスすべてでキー プレス イベントが正常に機能します。

Answer 1

簡単なデモ http://jsfiddle.net/mZBtg/

注: 私はkeyupapi を使用しましたが、探しているものと同じ結果が得られます。

http://api.jquery.com/keyup/

http://api.jquery.com/keypress/

isNumeric実行してisNan確認することもできます。良いリンク: $.isNumeric vs. isNaN以下のコメントも参照してください。B-)

自由に遊んで、このヘルプが役立つことを願っています。

コード

$('input[name="pm"]').keyup(function() {
    var sum = 0;
    $('input[name="pm"]').each(function(){
        sum += parseInt(this.value);
    });
   $('input[name="total"]').val(sum);
});​

Answer 2

$('[name="pm"]').keypress(function() {
  var total = $('[name="total"]');
  total.val(parseInt(total.val(), 10) + parseInt($(this).val(), 10));
});