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

Question

应该很简单，但这段代码对我不起作用：

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

要考虑的复选框都在#checkbox div中，我正在尝试用总金额填写div。

感谢。

Answer 1

As the code is fine and works，其他地方可能存在无关的错误。

您应该使用developer tools进行调试和搜索。

Answer 2

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

Answer 3

不知道你的问题，我猜这个

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