Tengo una tabla con diferentes alimentos y por cada alimento un checkbox. Quiero que por cada alimento seleccionado se vayan sumando sus kcals y mostrarlas al final. Las kcals de cada alimento son de tipo double. He hecho el siguiente código pero no sigue sumando el resto de alimentos solo el primero y además no suma bien.
Función para calcular la suma:
function contador(checkbox,kcal) {
caloriasT = 0;
if($(checkbox).is(":checked")){
caloriasT+=kcal;
}else{
caloriasT=caloriasT-kcal;
}
$("#kcals").html(caloriasT);
}
Checkbox que llama a la función:
<td class="text-center">
<input type="checkbox" value=""
onclick="cambiarEstado(this,'{{$alimentoid}}','{{$cantidadid}}','{{$comentarioid}}');
contador(this,'{{$a->kcal}}')"
>
</td>
Párrafo donde se muestra la suma:
<div class="row" style=" padding-left: 25px;">
<p class="text-left col-md-3 col-lg-3" style="font-size:18px;width:250px;">
<strong>Kcals seleccionadas: </strong>
</p>
<p class="text-left col-md-1 col-lg-1" style="font-size: 18px" id="kcals">
</p>
</div>