Как подсчитать сумму checked?

Question

[Maxla93]

Как подсчитать сумму? ибо так считает только сумму 1-го id.

$(document).on('change', 'input.itemsInv', function(){
	
var info_id = parseFloat($(this).data('item-id')); // Узнаем выбранный id

// Поиск выбранного id в data и вывод цены
if (info_id == item.id){
var cena = parseFloat(item.price);
}

// Сумма выбранных
var total_p = 0.00;

if($(this).prop('checked') == true)
        
            total_p = total_p + cena;
		else
            total_p = total_p - cena;
		
var summ = total_p.toFixed(2);

});

Answer 1

[Виктор Л]

<div id="boxes">
<input type="checkbox" data-exval="2000">Доставка
<input type="checkbox" data-exval="500">Подъем
<input type="checkbox" data-exval="2500">Монтаж
</div>
<div>Итого: <span id="result"></span></div>

$(document).ready(function(){
  $("#boxes input[type='checkbox']").click(function(){
    var total=0;
    $("#boxes input[type='checkbox']:checked").each(function(){
          total += parseInt($(this).data("exval"),10);
    });
    $("#result").text(total);
  });
});

Answer 2

[Andrew Kondratiuk]

Если только сумму или количество и с использованием jQuery, то можна сделать так: https://jsfiddle.net/alantoo/k5bb1pde/2/

Answer 3

[lega]

jsfiddle.net/lega911/21kumhL0

Answer 4

[Роман]

jquery не нужен для подобных вещей

var checked = form.querySelectorAll('input[type="checkbox"]:checked');
// node array is not array :(
Array.prototype.map.call(checked, (node) => {
  //...do something with node.value, like 
  sum += parseInt(node.value);
});