如何使用JQuery实时添加复选框的值？

Question

Should be easy, but this code isn't working for me:

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

The checkboxes to consider are all in the #checkbox div, and I'm trying to fill in the div with the total amount.

Thanks.

Answer 1

As the code is fine and works , it's probable there is an unrelated error elsewhere.

You should use the developer tools to debug and hunt it.

Answer 2

您可以尝试侦听CheckBox上的click事件，而不是change事件。

Answer 3

Without knowing your problem I'll guess at this

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