Foros del Web » Programando para Internet » Jquery »

Jquery Suma de Textbox

Estas en el tema de Jquery Suma de Textbox en el foro de Jquery en Foros del Web. Hola, desde ya muchas gracias por su ayuda. Explico: Tengo textbox que adquieren valores automaticamente desde la BD por Jquery y Ajax can1 (cantidad) se ...
  #1 (permalink)  
Antiguo 19/09/2012, 01:22
 
Fecha de Ingreso: septiembre-2012
Mensajes: 23
Antigüedad: 11 años, 7 meses
Puntos: 0
Jquery Suma de Textbox

Hola, desde ya muchas gracias por su ayuda.
Explico:

Tengo textbox que adquieren valores automaticamente desde la BD por Jquery y Ajax

can1 (cantidad) se ingresa manualmente
val1 (valor unitario aparece automaticamente desde la BD)
tot1 (multiplicación de can1*val1)

Código HTML:
<input name="can1" type="text" id="can1" value="" />
<input name="val1" type="text" id="val1" value="" />
<input name="tot1" type="text" id="tot1" value="" /> 
Tengo unos cuantos asi, que al final todos los subtotales se suman en el textbox
Código HTML:
<input type="text" name="tot" id="tot" value=""/> 
Código HTML:
<script type="text/javascript">

$("#can1").change(function (e) {
            var can = $("#can1").val();
            var val = $("#val1").val();
			
            var multi = can * val;
            $("#tot1").val(multi);	
			
	   var suma = isNaN(tot1.value) ? 0 : parseInt(tot1.value); + isNaN(tot2.value) ? 0 : parseInt(tot2.value);
	$("#tot").val(suma);

        });

</script>

El textbox sólo adquiere el valor del primer tot1 y no me suma.

Algo estoy haciendo mal, espero me puedan ayudar, muchas gracias.
  #2 (permalink)  
Antiguo 19/09/2012, 18:05
 
Fecha de Ingreso: septiembre-2012
Mensajes: 23
Antigüedad: 11 años, 7 meses
Puntos: 0
Respuesta: Jquery Suma de Textbox

Ya lo solucioné. Gracias.
  #3 (permalink)  
Antiguo 20/09/2012, 02:00
 
Fecha de Ingreso: enero-2012
Ubicación: Santiago de Surco, Lima - Perú
Mensajes: 266
Antigüedad: 12 años, 3 meses
Puntos: 57
Mensaje Respuesta: Jquery Suma de Textbox

Cita:
Iniciado por nacho_mim Ver Mensaje
Ya lo solucioné. Gracias.
Si ya le diste solución a tu problema, serías tan amable de compartirlo con el foro.
  #4 (permalink)  
Antiguo 20/09/2012, 14:28
 
Fecha de Ingreso: septiembre-2012
Mensajes: 23
Antigüedad: 11 años, 7 meses
Puntos: 0
Respuesta: Jquery Suma de Textbox

Cita:
Iniciado por gebremswar Ver Mensaje
Si ya le diste solución a tu problema, serías tan amable de compartirlo con el foro.

Si claro, perdon.
Al final preferí activar desde todos los textbox a la funcióin para así sumar todo automáticamente cada vez que sea llamado y validar la suma para que no de valor IsNaN
Código HTML:
<script>
		$("#can1, #can2, #can3, #can4, #can5, #can6, #can7, #can8").change(function (e) {
									
            var can1 = $("#can1").val();
            var val1 = $("#val1").val();
            var multi1 = can1 * val1;
            $("#tot1").val(multi1);
			
			var can2 = $("#can2").val();
            var val2 = $("#val2").val();
            var multi2 = can2 * val2;
            $("#tot2").val(multi2);
			
			var can3 = $("#can3").val();
            var val3 = $("#val3").val();
            var multi3 = can3 * val3;
            $("#tot3").val(multi3);
			
			var can4 = $("#can4").val();
            var val4 = $("#val4").val();
            var multi4 = can4 * val4;
            $("#tot4").val(multi4);
			
			var can5 = $("#can5").val();
            var val5 = $("#val5").val();
            var multi5 = can5 * val5;
            $("#tot5").val(multi5);
			
			var can6 = $("#can6").val();
            var val6 = $("#val6").val();
            var multi6 = can6 * val6;
            $("#tot6").val(multi6);
			
			var can7 = $("#can7").val();
            var val7 = $("#val7").val();
            var multi7 = can7 * val7;
            $("#tot7").val(multi7);
			
			var can8 = $("#can8").val();
            var val8 = $("#val8").val();
            var multi8 = can8 * val8;
            $("#tot8").val(multi8);
			
			
			var val1=validarNumero('#tot1');
            var val2=validarNumero('#tot2');
			var val3=validarNumero('#tot3');
			var val4=validarNumero('#tot4');
			var val5=validarNumero('#tot5'); 
			var val6=validarNumero('#tot6'); 
			var val7=validarNumero('#tot7'); 
			var val8=validarNumero('#tot8'); 
            
			var neto = parseInt(val1+val2+val3+val4+val5+val6+val7+val8);
			var iva = parseInt((neto*19)/100);
			var total = parseInt(neto + iva);
			
            $("#tot").val(neto);
			$("#iva").val(iva);
			$("#tci").val(total);
			
			var numero = $("#tci").val();
			$("#son").load("letra_numero_ajax.php",{ numero : numero  });

			
			
		


        });
		
		function validarNumero(id){
            if($.isNumeric($(id).val())){
                return parseInt($(id).val());
            }else if($(id).val()==""){
                return 0;
            }else{
                return 0;
            }
        }
</script> 

Etiquetas: ajax, input, suma, textbox
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:28.