javascriptと複数のhtmlフィールドを使用した数学

Question

dbクエリに基づいてさまざまな数の列と行を持つテーブルを動的に作成するスクリプトがあります。 これは2つの異なるdbテーブルで2回実行されます。 私は各テーブルの一番下に、上記の列のセルの合計値を持つ入力を持つ行を持っています。 これらの入力は、最初のテーブルの場合はitotal$m（$mが増分番号）、2番目のテーブルの場合はetotal$mとなります。だから私は結局最初の行にはitotal1、itotal2など、2行目にはetotal1、etotal2などの名前の入力フィールドがいくつかあります。

私はその後、別の入力に結果を表示するので、上のitotal2からetotal2、itotal1からetotal1を差し引く、これらの合計でいくつかの簡単な数学を実行したいと。 onChangeイベントに添付されたjavascript関数を使用して、入力ボックスの値を変更して結果を表示できるようにしたいと考えています。

残念ながら、私はこれを行う方法を把握できませんでした。どんな助けもありがとう！

Answer 1

はと仮定：

• を二つのテーブルすなわち（合同であることをclass="colTotal"、
• 2つのテーブルを持っているid="iTable"とid="eTable"、
• すべての列の合計のフィールドを持っている彼らの列がでています。同じ順序）、
• ターゲット入力要素がclass="diffValue"である場合、

jQueryの：

$(function(){ 
    var $iTableTotals = $("#iTable .colTotal"); 
    var $eTableTotals = $("#eTable .colTotal"); 
    var $diffValues = $(".diffValue"); 
    $(".colTotal").on('change keyup', function() { 
     $iTableTotals.each(function(i){ 
      var diff = Number($iTableTotals.eq(i).val()) - Number($eTableTotals.eq(i).val()); 
      $diffValues.eq(i).val(diff); 
     }); 
    }); 
    $iTableTotals.eq(0).change(); 
}); 

がfiddle