Skip to main content
etiquetas editadas
Enlace
Shaz
  • 29.2k
  • 18
  • 40
  • 61

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:

` kcal}}')">

`
<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;">
   18px;width:250px;"><strong>Kcals     <strong>Kcals seleccionadas: </strong>
    </p>
    <p class="text-left col-md-1 col-lg-1" style="font-size: 18px" id="kcals">
    
    </p>  
</div>

Muchas gracias

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:

` kcal}}')">

`

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>

Muchas gracias

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>
cuerpo editado
Origen Enlace

Tengo una tabla con diferentes alimentos y por cada alimento un checkbox. Quiero que por casacada 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:

` kcal}}')">

`

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>

Muchas gracias

Tengo una tabla con diferentes alimentos y por cada alimento un checkbox. Quiero que por casa 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:

` kcal}}')">

`

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>

Muchas gracias

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:

` kcal}}')">

`

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>

Muchas gracias

Origen Enlace
Loading