Skip to main content
1 de 2
HERRERA
  • 587
  • 2
  • 8

Para poder cambiar el total por fila debes ponerle un id a cada elemento de tu fila, puede ser un contador al momento de agregar la fila o al construir la tabla,asi puedes tomar la columna de cantidad y multiplicar con la cantidad para poder escribir el resultado en el total, ya que todos comparten el mismo id

var cont = 2;

function actualizar(id) {
  $("#tol" + id).html($("#val" + id).html() * $("#" + id).val())

}

function agregar() {
  $("#registros").append('<tr><td><input type="text" id="' + cont + '" onchange="actualizar(' + cont + ');"></td><td id="val' + cont + '">80</td><td id="tol' + cont + '"></td></tr>')
  cont += 1;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<table>
  <thead>
    <tr>
      <th>Cantidad</th>
      <th>Valor Unidad</th>
      <th>Total</th>
    </tr>
  </thead>
  <tbody id="registros">
    <tr>
      <td><input type="text" id="1" onchange="actualizar(1);"></td>
      <td id="val1">50</td>
      <td id="tol1"></td>
    </tr>
  </tbody>
</table>
<button onclick="agregar()">agregar fila</button>

HERRERA
  • 587
  • 2
  • 8