Foros del Web » Programando para Internet » Jquery »

Sumar y multiplicar en jquery con .val()

Estas en el tema de Sumar y multiplicar en jquery con .val() en el foro de Jquery en Foros del Web. Hola a tod@s! LLevo un par de horas intentando terminar un script en jquery, pero me encuentro con el problema que no puedo sumar dos ...
  #1 (permalink)  
Antiguo 25/04/2012, 04:40
 
Fecha de Ingreso: mayo-2004
Mensajes: 102
Antigüedad: 20 años, 7 meses
Puntos: 5
Pregunta Sumar y multiplicar en jquery con .val()

Hola a tod@s!

LLevo un par de horas intentando terminar un script en jquery, pero me encuentro con el problema que no puedo sumar dos input.val(); si utilizo el + me concatena y no suma entonces lei por ahi que debo utilizar parseFloat

var material = parseFloat(jQuery('#material').val());//return 30
var price = parseFloat(jQuery('#price').val());//return 40
var resultado = material+price ;//return 3040


De la misma manera me lo concatena, y ademas de concatenar le quita los decimales a los números y me devuelve un numero entero..
Ademas de eso me gustaría poder hacer una operación de multiplicar entre los números lo cual tampoco me es posible,

Estaría muy agradecido si alguien me pudiera ayudar! desde ya muchas gracias!
__________________
Bruno Quintana
  #2 (permalink)  
Antiguo 25/04/2012, 09:08
Avatar de Dafonz  
Fecha de Ingreso: octubre-2009
Mensajes: 127
Antigüedad: 15 años, 2 meses
Puntos: 36
Respuesta: Sumar y multiplicar en jquery con .val()

Pues a mi si me funciona, si pudieras poner mas codigo..
Código Javascript:
Ver original
  1. $('document').ready(function(){
  2.             $('#sumar').click(function(){
  3.                 alert(parseFloat($('#si').val()) + parseFloat($('#no').val()));
  4.             });
  5.         });

Código HTML:
Ver original
  1. <input type="text" id="si" />
  2. <input type="text" id="no" />
  3. <input type="button" id="sumar" value="Sumar">
  #3 (permalink)  
Antiguo 25/04/2012, 10:04
Avatar de REVIDEUX  
Fecha de Ingreso: septiembre-2011
Ubicación: Lima, Peru, Peru
Mensajes: 23
Antigüedad: 13 años, 3 meses
Puntos: 0
Respuesta: Sumar y multiplicar en jquery con .val()

Hola:

Estoy totalmente de acuerdo con Dafonz, ahora que si bien quieres llenar otro textbox seria asi:
Código Javascript:
Ver original
  1. $(document).ready(function () {
  2.         $("#Agregar").click(function (e) {
  3.             var mat = $("#Material").val();
  4.             var price = $("#Price").val();
  5.             var resultado = parseFloat(mat) + parseFloat(price);
  6.             alert(resultado);
  7.             var resultado2 = mat * price;
  8.             alert(resultado2);
  9.             $("#Resultado").val(resultado);
  10.         });
  11.     });

desde un html:
Código HTML:
Ver original
  1. Material: <input type="text" value="" id="Material" name="Material" />
  2. <br />
  3. Price: <input type="text" value="" id="Price" name="Price" />
  4. <br />
  5. Resultado: <input type="text" value="" id="Resultado" name="Resultado" />
  6. <br />
  7. <input type="submit" value="Agregar" id="Agregar"/>


Si hay algun otro inconveniente te agradecere en comunicarlo oks

Etiquetas: Ninguno
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 17:16.