javascript - JQueryを使用してチェックボックスの値をリアルタイムで合計するにはどうすればよいですか？

Question

簡単なはずですが、このコードは私には機能しません：

$("#checkboxdiv input:checkbox").change(function() {
            var total = 0;
            $('#checkboxdiv input:checkbox:checked').each(function() {
                total += parseInt(this.value, 10);
            });
            $('#totalsdiv').text(total);
        });

考慮すべきチェックボックスはすべて#checkboxdivにあり、divに合計金額を入力しようとしています。

ありがとう。

Answer 1

コードは問題なく動作するため、関連のないエラーが別の場所にある可能性があります。

開発者ツールを使用してデバッグおよびハントする必要があります。

Answer 2

change イベントの代わりに、CheckBox のクリック イベントをリッスンすることができます。

Answer 3

あなたの問題を知らずに私はこれを推測します

        $（ "＃checkboxdiv input：checkbox"）。change（function（）{
            var total = 0;
            $（'＃checkboxdiv input：checkbox：checked'）。each（function（）{
                合計+=parseInt（$（this）.val（）、10）;
            }）;
            $（'＃totalsdiv'）。text（total）;
        }）;