0

データベースクエリに基づいて、さまざまな数の列と行を持つテーブルを動的に作成するスクリプトがあります。これは、2 つの異なる db テーブルで 2 回行われます。各テーブルの下部に行があり、その値が上の列のセルの合計です。これらの入力には、最初のテーブルと 2 番目のテーブルの名前が付けられますitotal$m($mは増分番号) etotal$m。したがって、最終的には、合計の最初の行になど、2 行目itotal1になど という名前の入力フィールドがいくつかあります。itotal2etotal1etotal2

これらの合計でいくつかの簡単な計算を実行し、 etotal1from itotal1、etotal2fromitotal2などを減算し、結果を別の入力に表示したいと考えています。onChangeユーザーが入力ボックスの値を変更して結果を確認できるように、イベントに関連付けられた JavaScript 関数を使用したいと考えています。

残念ながら、私はこれを行う方法を理解することができませんでした。どんな助けでも大歓迎です！

4

1 に答える 1

0

仮定：

  • 持つ2つのテーブルid="iTable"とid="eTable"、
  • 持つすべての列合計フィールドclass="colTotal"、
  • 2 つのテーブルが合同であること (つまり、それらの列が同じ順序になっていること)、
  • 持つターゲット入力要素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();
});

フィドルを見る

于 2012-04-26T02:32:09.917 に答える