Cómo sumar con jQuery los valores numéricos presentes en campos de formularios web



jQuery - Como sumar numeros

Ya sea que se trate de un desarrollo de un sitio de comercio electrónico o simplemente uno que efectue cálculos online, existen una infinidad de motivos por los que puede ser necesario realizar cálculos del lado del cliente, cosa que también podemos hacer con jQuery.

En www.devcurry.com publicaron un código que muestra lo sencillo que es sumar los valores númericos de un formulario web con jQuery.

Básicamente, todo lo que se requiere es:

  • Enlazar los archivos JS en la sección HEAD del HTML de la página.
  • Agreagar el código Javascript que sumara los valores numéricos contneidos en los campos del formulario HTML.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sum of all TextBox values using jQuery</title>
<script type="text/javascript"
src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js">
</script>
<script type="text/javascript">
$(function() {
$("#addAll").click(function() {
var add = 0;
$(".amt").each(function() {
add += Number($(this).val());
});
$("#para").text("Sum of all textboxes is : " + add);
});
});
</script>
</head>
<body>
<input id="Text1" class="amt" type="text" /><br />
<input id="Text2" class="amt" type="text" /><br />
<input id="Text3" class="amt" type="text" /><br />
<input id="addAll" type="button" value="Sum all Textboxes" /><br />
<p id="para" />
</body>
</html>

Como se peude apreciar, el código Javascript lo que hace es sumar los valores que en el formualrio posean la clase (class) ‘amt’.

Sum of all TextBox values using jQuery

Visitar: www.devcurry.com/2010/04/sum-of-all-textbox-values-using-jquery.html

Vía: www.twingly.com/search?q=jquery

Related Posts Plugin for WordPress, Blogger...


Desarrollador de software egresado de la Universidad Católica de Argentina, blogger, entusiasta del diseño y trabajador independiente.

3 Respuestas a “Cómo sumar con jQuery los valores numéricos presentes en campos de formularios web”

  1. marcos

    feb 25. 2013

    como podría hacer si lo que quiero es multiplicar un numero de un input por un numero fijo? gracias

  2. Mactese

    may 09. 2012

    Gracias!!! me acabas de sacar de un problema.

Trackbacks/Pingbacks

  1. Bitacoras.com - 06/04/2010

    Información Bitacoras.com…

    Valora en Bitacoras.com: Ya sea que se trate de un desarrollo de un sitio de comercio electrónico o simplemente uno que efectue cálculos online, existen una infinidad de motivos por los que puede ser necesario realizar cálculos del lado del client……

Comentario