Javascript 使用each() 返回复选框的正确值

Question

当用户单击复选框并进行一些计算时，我尝试返回一些金额。但如果我尝试选中两个复选框，结果总是返回错误的值。

$('.type_checkbox input[type="checkbox"]').each(function (index) {

    if ($(this).is(':checked')) {
            checkbox_price_prefix = $(this).data('prefix-checkbox');
            checkbox_price = checkbox_price_prefix + $(this).data('price-checkbox');   // <----- += or =
    }
});

您可以尝试HERE

问题是当用户尝试检查类型 A 和类型 B 时，结果应该是 RM90

Answer 1

你不是在合计你的计数——你是在替换它。更改:

checkbox_price = checkbox_price_prefix + $(this).data('price-checkbox');

致:

checkbox_price += parseFloat(checkbox_price_prefix + $(this).data('price-checkbox'));