改訂されたタイトル: チェックボックスの選択に基づいて合計を計算する

Question

私は単純な財務追跡アプリケーションを開発しています。アプリケーションには、すべての経費請求書が記載された表があり、合計金額は表の外側にあります。

JS または AJAX を使用して、表の行で 1 つのチェックボックスを選択すると、合計に請求書を含めるか除外し、除外/含めるを反映して合計が自動的に更新されるようにする方法を見つけようとしています。

テーブルの行は動的に作成されるため、新しい請求書が追加されるたびに行が増加します。これは、チェックボックス ID を増加する必要があることを意味します。

リーリー

JS を少しだけ持っています

リーリー

これは、チェックボックスが選択されているときにアラートをトリガーしますが、最初のチェックボックスは同じ ID を持つため、最初のチェックボックスでのみトリガーされます。

したがって、チェックボックスがオンになっている行の金額をチェックボックス JS に認識させて、その数値を合計から減算するか、その逆を行う必要があるため、これは難しいタスクになる可能性があります。もしかしたらこれは間違ったアプローチなのでしょうか？

合計数は次のように表示されます:

リーリー ＃＃＃ありがとう＃＃＃

Answer 1

委任する必要があるだけです

JavaScript が非常に煩雑になるのを避けるために、h3 のスパンを拡張する必要があります。

合計に ID を付けます。これは、

document.querySelector("h3.text-danger span") よりも簡単です。

このスクリプトには ID は必要ありません

選択すると

が含まれます

リーリー リーリー リーリー