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);
        });

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

谢谢。

Answer 1

由于代码很好并且可以工作，因此其他地方可能存在不相关的错误。

您应该使用开发人员工具来调试和搜索它。

Answer 2

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

Answer 3

在不知道你的问题的情况下，我会猜测这个

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