valores de la checkbox de sum jQuery

Necesitaría calcular la sum de todas las casillas de verificación y actualizar el total basado en la selección aquí es html:

  . . .  

aqui esta el guion

  $('input:checkbox').change(function () { var total = 0; var basic_single = parseInt($('#basic_single:checked').val()); var basic_double = parseInt($('#basic_double:checked').val()); var total = basic_single + basic_double; $("#total").val(total); }); 

si ambos están marcados, funciona bien, pero solo uno comprobado devuelve NaN, habrá más casillas de verificación que solo estos dos

Debe considerar solo los elementos que se verifican para calcular el total. Para esto, solo puede orientar los elementos que se verifican y repiten en cada bucle para agregar sus valores y calcular la sum. El siguiente ejemplo no implica encoding de elementos individuales.

 $('input:checkbox').change(function () { var total = 0; $('input:checkbox:checked').each(function(){ // iterate through each checked element. total += isNaN(parseInt($(this).val())) ? 0 : parseInt($(this).val()); }); $("#total").val(total); }); 

Ejemplo: https://jsfiddle.net/8p3ftmuh/2/

Puede usar .not() para excluir #total valor del elemento de los cálculos, .get() , Array.prototype.reduce() , operador + para convertir el value de :checkbox de :checkbox a Number

 $(":checkbox").change(function(event) { $("#total").val(function() { return $(event.target.tagName).not("[type=text]") .get().reduce(function(a, b) { return +a.value + +b.value }) }) })