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