Skip to main content

Contador no funciona

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>