Skip to main content
Agregado snippet
Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28

Una posible solución seria aplicar una clase única a ese campo donde quieres aplicar la fórmula, por ejemplo, .total_irpf_nominas y además aplicar un nuevo atributo a ellas, por ejemplo, data-id= que contenga el id a calcular.

Esto sería así en tu PHP que lo genera:

<input class="total_irpf_nominas" data-id="<?php echo $id; ?>" id="total_irpf_nominas_<?php echo $id; ?>" readonly>

Y luego, en el javascript sería así:

$(document).ready(function() {
  $('.total_irpf_nominas').each(function( index ) {
     porcentaje($( this ).attr( "data-id" ));
  });
});

Seguramente quedará alguna cosa por pulir. Prueba y me comentas

Aquí te dejo un snippet funcional para que veas como funciona.

function porcentaje(id){
  var irpf = $('#irpf_nominas_'+id).val();
  var ttal_retri = $('#total_retri_nominas_'+id).val();
  var porciento = 0;
  porciento += (ttal_retri*irpf/100);
  $('#total_irpf_nominas_'+id).val(porciento);
}

$(document).ready(function() {
  $('.total_irpf_nominas').each(function( index ) {
     porcentaje($( this ).attr( "data-id" ));
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <th>irpf_nominas</th>
    <th>total_retri_nominas</th>
    <th>total_irpf_nominas</th>
  </tr>
  <tr>
    <td>
      <input type="text" id="irpf_nominas_1" value="12" readonly>
    </td>
    <td>
      <input type="text" id="total_retri_nominas_1" value="112" readonly>
    </td>
    <td><input type="text" id="total_irpf_nominas_1" value="" class="total_irpf_nominas" data-id="1" readonly>
    </td>
  </tr>
  <tr>
    <td><input type="text" id="irpf_nominas_2" value="212" readonly></td>
    <td><input type="text" id="total_retri_nominas_2" value="11212" readonly></td>
    <td><input type="text" id="total_irpf_nominas_2" value="" class="total_irpf_nominas" data-id="2" readonly></td>
  </tr>
</table>

Una posible solución seria aplicar una clase única a ese campo donde quieres aplicar la fórmula, por ejemplo, .total_irpf_nominas y además aplicar un nuevo atributo a ellas, por ejemplo, data-id= que contenga el id a calcular.

Esto sería así en tu PHP que lo genera:

<input class="total_irpf_nominas" data-id="<?php echo $id; ?>" id="total_irpf_nominas_<?php echo $id; ?>" readonly>

Y luego, en el javascript sería así:

$(document).ready(function() {
  $('.total_irpf_nominas').each(function( index ) {
     porcentaje($( this ).attr( "data-id" ));
  });
});

Seguramente quedará alguna cosa por pulir. Prueba y me comentas

Una posible solución seria aplicar una clase única a ese campo donde quieres aplicar la fórmula, por ejemplo, .total_irpf_nominas y además aplicar un nuevo atributo a ellas, por ejemplo, data-id= que contenga el id a calcular.

Esto sería así en tu PHP que lo genera:

<input class="total_irpf_nominas" data-id="<?php echo $id; ?>" id="total_irpf_nominas_<?php echo $id; ?>" readonly>

Y luego, en el javascript sería así:

$(document).ready(function() {
  $('.total_irpf_nominas').each(function( index ) {
     porcentaje($( this ).attr( "data-id" ));
  });
});

Seguramente quedará alguna cosa por pulir. Prueba y me comentas

Aquí te dejo un snippet funcional para que veas como funciona.

function porcentaje(id){
  var irpf = $('#irpf_nominas_'+id).val();
  var ttal_retri = $('#total_retri_nominas_'+id).val();
  var porciento = 0;
  porciento += (ttal_retri*irpf/100);
  $('#total_irpf_nominas_'+id).val(porciento);
}

$(document).ready(function() {
  $('.total_irpf_nominas').each(function( index ) {
     porcentaje($( this ).attr( "data-id" ));
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <th>irpf_nominas</th>
    <th>total_retri_nominas</th>
    <th>total_irpf_nominas</th>
  </tr>
  <tr>
    <td>
      <input type="text" id="irpf_nominas_1" value="12" readonly>
    </td>
    <td>
      <input type="text" id="total_retri_nominas_1" value="112" readonly>
    </td>
    <td><input type="text" id="total_irpf_nominas_1" value="" class="total_irpf_nominas" data-id="1" readonly>
    </td>
  </tr>
  <tr>
    <td><input type="text" id="irpf_nominas_2" value="212" readonly></td>
    <td><input type="text" id="total_retri_nominas_2" value="11212" readonly></td>
    <td><input type="text" id="total_irpf_nominas_2" value="" class="total_irpf_nominas" data-id="2" readonly></td>
  </tr>
</table>

Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28

Una posible solución seria aplicar una clase única a ese campo donde quieres aplicar la fórmula, por ejemplo, .total_irpf_nominas y además aplicar un nuevo atributo a ellas, por ejemplo, data-id= que contenga el id a calcular.

Esto sería así en tu PHP que lo genera:

<input class="total_irpf_nominas" data-id="<?php echo $id; ?>" id="total_irpf_nominas_<?php echo $id; ?>" readonly>

Y luego, en el javascript sería así:

$(document).ready(function() {
  $('.total_irpf_nominas').each(function( index ) {
     porcentaje($( this ).attr( "data-id" ));
  });
});

Seguramente quedará alguna cosa por pulir. Prueba y me comentas