Foros del Web » Programando para Internet » Javascript »

Suma y comparacion de cajas de texto

Estas en el tema de Suma y comparacion de cajas de texto en el foro de Javascript en Foros del Web. Quisiera saber, como sumar al instante el valor de algunos textbox en php por ejemplo tengo varios textbox, 1, por ejemplo con la cantidad de ...
  #1 (permalink)  
Antiguo 28/11/2010, 19:54
 
Fecha de Ingreso: noviembre-2010
Mensajes: 2
Antigüedad: 14 años
Puntos: 0
Suma y comparacion de cajas de texto

Quisiera saber, como sumar al instante el valor de algunos textbox en php
por ejemplo tengo varios textbox, 1, por ejemplo con la cantidad de hijos de una persona, entonces en las texbox de abajo me dirias cuantos hjos tiene en primaria, cunatos en bachillerato y asi, entonces la cuestion es como sumo los valores de las cajas de texto de los que estan en primaria y bachillerato, y saber s son mayores o menores al numero de hijos...

Como lo puedo hacer??

sin hacerlo despues del submit...
  #2 (permalink)  
Antiguo 28/11/2010, 22:25
 
Fecha de Ingreso: febrero-2009
Mensajes: 52
Antigüedad: 15 años, 10 meses
Puntos: 2
Respuesta: Suma y comparacion de cajas de texto

Hola bueno eso lo puedes realizar de la siguiente manera te pongo unas lineas de codigo donde suma dos valores al instante:


<script>
function suma(){
var v1=document.getElementById("txt1").value;
var v2=document.getElementById("txt2").value;

var suma=parseInt(v1)+parseInt(v2);
document.getElementById("resultado").value=suma;
}
function comparar(){
var v1=document.getElementById("txt1").value;
var v2=document.getElementById("txt2").value;
if(parseInt(v1)==parseInt(v2))
alert("Valor 1 es igual a Valor 2")
else
if(parseInt(v1)<parseInt(v2))
alert("Valor 1 es menor a Valor 2")
else
alert("Valor 2 es menor a Valor 1")
}
</script>
<?
echo "Valor 1: <input type=\"text\" name=\"txt1\" id=\"txt1\" value=\"0\" onkeyup=\"suma()\">";
echo "Valor 2: <input type=\"text\" name=\"txt2\" id=\"txt2\" value=\"0\" onKeyup=\"suma()\">";
echo "Resultado: <input type=\"text\" name=\"resultado\" id=\"resultado\" value=\"0\">";

?>
<input type="button" onclick="comparar()" />


Bueno tienes un evento onkeyup que manda a llamar a la funcion suma en los textbox para que cada ves que vayas poniendo un numero te lo vaya sumando con lo que tiene el cuadro de texto 1 y el 2 y te pone el resultado en el campo de texto "resultado" y puse un boton con el evento onclick con el cual comparas las cantidades de valor 1 y valor 2, se que es un ejemplo sencillo pero espero y te ayude con lo que deseas , si tienes alguna duda no dudes en preguntar espero y te ayude =)

Última edición por aztecrow; 28/11/2010 a las 23:05 Razón: Falta de codigo
  #3 (permalink)  
Antiguo 29/11/2010, 09:50
Avatar de Sougiro  
Fecha de Ingreso: octubre-2007
Mensajes: 136
Antigüedad: 17 años, 1 mes
Puntos: 1
Respuesta: Suma y comparacion de cajas de texto

Hola, me gustaria preguntarte una cosita, sera posible que esa funcion que acabas de escribir ahi funcione para cada vez que la pagina se refresque o recarge????

Que sea de forma automatica sin necesidad de un evento que la dispare????
  #4 (permalink)  
Antiguo 29/11/2010, 12:16
 
Fecha de Ingreso: febrero-2009
Mensajes: 52
Antigüedad: 15 años, 10 meses
Puntos: 2
Respuesta: Suma y comparacion de cajas de texto

Si, si se puede tendrias que mandar a llamar a la funcion suma antes de la funcion ejemplo:
<script>
suma(); //Aqui mandas a llamarla

function suma(){ //declaracion de la funcion
}

</script>
  #5 (permalink)  
Antiguo 29/11/2010, 12:28
 
Fecha de Ingreso: noviembre-2010
Mensajes: 2
Antigüedad: 14 años
Puntos: 0
Respuesta: Suma y comparacion de cajas de texto

Si, voy a mirar el codigo, pero la idea seria hacer todo, pero sin la necesidad de hacel "Click" en el boton, ya que es para complementar un formulario completo, entonces que le diga al usuario en el momento, mejor dicho mientras se va llenando el formulario...

Voy a mirar el codigo, y les voy diciendo mis avances...
  #6 (permalink)  
Antiguo 08/09/2013, 10:26
 
Fecha de Ingreso: agosto-2013
Ubicación: Asuncion
Mensajes: 1
Antigüedad: 11 años, 3 meses
Puntos: 0
Respuesta: Suma y comparacion de cajas de texto

Hola, tengo dos consultas sobre este script que en realidad es de 10pts., Como podría incluir un formato de millares en el resultado? y como puedo enviar el resultado a una base de datos?
Como se habrán dado cuenta mi conocimiento es limitado, por lo que les doy gracias por el aguante
  #7 (permalink)  
Antiguo 08/09/2013, 14:02
Avatar de vick90  
Fecha de Ingreso: abril-2010
Mensajes: 144
Antigüedad: 14 años, 7 meses
Puntos: 14
Respuesta: Suma y comparacion de cajas de texto

Entonces usa el evento onchange en vez de un onclick
Código Javascript:
Ver original
  1. <input type="text" onchange="suma()">
Cada que hagas una modificacion dentro del cuadro de texto ejecutara la funcion suma, el evento se lo tienes que poner a los textbox
Saludos

Etiquetas: cajas, comparacion, suma
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 03:59.