Ver Mensaje Individual
  #2 (permalink)  
Antiguo 21/06/2014, 12:20
bathorz
 
Fecha de Ingreso: agosto-2013
Mensajes: 150
Antigüedad: 10 años, 7 meses
Puntos: 29
Respuesta: Consulta modificar valores de campos generados con JQUERY

Puedes probar:
Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.  
  3.         $(function() {
  4.           $("#txtprecio1").blur(function() {
  5.             var cantidad = $("#txtcantidad1").val();
  6.             var preciounitario = $("#txtprecio1").val();
  7.             $("#txttotal1").val(cantidad * preciounitario);
  8.           });
  9.         });
  10.  
  11.         $(function() {
  12.           var i = 1;
  13.           $("#agregarconcepto").click(function() {
  14.             i = i + 1;
  15.             $('#filaarticulo').append("<tr><td><input type='text'class='sumar' name='txtcantidad" + i + "' id='txtcantidad" + i + "'></td><td><input type='text' name='txtconcepto" + i + "' id='txtconcepto" + i + "'></td><td><input type='text' name='txtmoneda" + i + "' id='txtmoneda" + i + "'></td><td><input type='text' name='txtprecio" + i + "' id='txtprecio" + i + "'></td><td><input type='text' name='txttotal" + i + "' id='txttotal" + i + "'></td></tr>");
  16.           });
  17.         });
  18.  
  19.         var suma=0;
  20.         $('#form1').on("change", function(e) {
  21.           $(".sumar").each(function() {
  22.             suma += parseFloat($(this).val());
  23.           });
  24.           $("#test").text(suma);
  25.         });
  26.       });
Código HTML:
Ver original
  1. <form id="form1">
  2.       <table id="filaarticulo">
  3.       </table>
  4.     </form>
  5.     <button id = "agregarconcepto">Agregar</button>
  6.     <div id="test">suma</div>
  7.   </body>