JQuery - Seleccion de dato con checkbok y jQuery

Val: 1

Seleccion de dato con checkbok y jQuery

Publicado por Jorge (1 intervención) el 09/06/2020 17:51:45

Estimados, soy nuevo en el mundo JavaScript y jQuery. Necesito realizar la siguiente acción, dada una tabla html, debo realizar consulta sobre datos de la última columna de cada fila, para lo cual en cada fila hay un checkbox.
Se como convertir el valor a un numero pero no logro que al hacer click en los distintos checkbox estos funcionen correctamente. Tengo que ir sumando los importes a medida que selecciono o restando si deselecciono.
Pongo parte del código para ver si alguien puede orientarme.
Deberia omitir las filas con los nombres
Gracias

<table id="miTabla" class="table table-striped table-hover table-bordered table-sm bg-active">

      <thead>

        <tr class=" bg-white">

          <td class="font-weight-bold">Nombre</td>

          <td class="font-weight-bold">Comercio</td>

          <td class="font-weight-bold">Vencimiento</td>

          <td class="font-weight-bold">Monto</td>

          <td class="font-weight-bold">Opcion</td>

        </tr>

      </thead>

      <tbody>

        <tr id="dato">

          <td>LUCERO MARIO HECTOR</td>

          <td>IN STORE</td>

          <td>03-2020</td>

          <td>2030.0</td>

          <!--<td><button id="1" data-ncuota=1 data-ncredito=34567652  data-m=2030.0 data-paga=0 class="btn-n btn-primary btn-elegir">elegir</button><td>-->

          <td><input type="checkbox" value="1" class="miCuota" name="cuota[]" id ="cuota" data-m =2030.00 ></td>

        </tr>

        <tr id="dato">

          <td>LUCERO MARIO HECTOR</td>

          <td>IN STORE</td>

          <td>04-2020</td>

          <td>4030.0</td>

          <!--<td><button id="2" data-ncuota=2 data-ncredito=34567654 data-m=4030.0 data-paga=0 class="btn-n btn-primary btn-elegir">elegir</button><td>-->

          <td><input type="checkbox" value="2" class="miCuota" name="cuota[]" id="cuota" data-m=4030.00 ></td>

        </tr>

        <tr id="dato">

          <td>LUCERO MARIO HECTOR</td>

          <td>IN STORE</td>

          <td>05-2020</td>

          <td>4030.0</td>

          <!--<td><button id="3" data-ncuota=3 data-ncredito=34567654  data-m=4030.0 data-paga=0 class="btn-n btn-primary btn-elegir">elegir</button><td>-->

          <td><input type="checkbox" value="3" class="miCuota" name="cuota[]" id="cuota" data-m=4030.00 ></td>

        </tr>

      </tbody>

</table>

CODIGO JavaScript

//Verifico el estado del checkBox

$( '.miCuota' ).on( 'click', function() {

  if( $(this).is(':checked') ){

      //let datoimporte = Number.parseFloat($('#miTabla tbody td').parent().find('td').eq(3).html());

      $('#miTabla tr').each(function() {

        var importe = Number.parseFloat($(this).find("td").eq(3).html());

        alert(importe);

});

      datosCuota.push(datoimporte);

      pagoSaldo = parseFloat(0);

      //for(var i=datosCuota.length;i<=datosCuota.length; i++){

      //    pagoSaldo = pagoSaldo + Number(datosCuota[i-1]);

      //   alert("VALOR INDICE: " + i + "VALOR ARRAY: " + datosCuota.length);

      //   alert("PAGO SALDO: " + pagoSaldo + "INDICE: " + i);

      //   alert("DATO ARRAY: " + datosCuota[i-1] + "INDICE: " + i);

//}

      //alert(pagoSaldo);

      alert("El checkbox con valor " + $(this).val() + " ha sido seleccionado");

  } else {

      // Hacer algo si el checkbox ha sido deseleccionado

      alert("El checkbox con valor " + $(this).val() + " ha sido deseleccionado");

});

 //fin verificacion estado

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder