No estoy familiarizado con js y probé el ejemplo que se muestra aquí ( jQuery: actualice la variable cuando cambiaron los valores de entrada ), pero no me funciona.

Lo que necesito es lo siguiente: tengo una variable que debe mostrar la cantidad total ingresada en los campos de entrada. Es decir, en cada cambio de campo de entrada, tengo que sumar la cantidad ingresada. Mi código es el siguiente:

 <?PHP $counter = 0; ?> <div class="total"> TotalPcs: <span class="running_total"> <?= $counter ?> <!-- this is the var showing the total qty --> </span> </div> <?php <form method="post"> foreach ($object->getExternalProducts($orderlang) as $result) { print '<tr>'; print '<td>' . $result->label . '</td>'; print '<td><input type="number" class="qty_field" name="productid_' .$result->rowid . '" value="" /></td>'; print '<tr>'; } </form> ?>

Como puede ver, el nombre del campo se completa en función de la consulta SQL y agrega la ID de cada producto después de productid_ , por lo que no puedo usar el campo de nombre. Puedo quitar el 'productid_' pero es obvio que es más fácil usar 'clase' o 'id' del campo.

Y el archivo JS:

 $('body').on('keyup', '.qty_field', function () { var sum = 0; $('.qty_field').each(function() { sum += Number($(this).val()); }); $('.running_total').html(sum); });

Cualquier ayuda es apreciada.