jQuery实现购物车表单自动结算，用户把所购商品的数量输入进去，就可以自动计算出商品总额，金额+运费，类似淘宝的购物车结算功能，计算过程是适时的，用jquery实现了Ajax不刷新网页就计算的功能，做购物类网站的或许可以用上这个例子。

运行效果截图如下：

全部源代码如下：

javascript" src="jquery-1.6.2.min.js">

function IsNumeric(sText)
{
 var ValidChars = "0123456789.";
 var IsNumber=true;
 var Char;
 for (i = 0; i < sText.length && IsNumber == true; i++)
 {
 Char = sText.charAt(i);
 if (ValidChars.indexOf(Char) == -1)
  {
  IsNumber = false;
  }
 }
 return IsNumber;
};
function calcProdSubTotal() {
 var prodSubTotal = 0;
 $(".row-total-input").each(function(){
 var valString = $(this).val() || 0;
 prodSubTotal += parseInt(valString);
 });
 $("#product-subtotal").val(prodSubTotal);
};
function calcTotalPallets() {
 var totalPallets = 0;
 $(".num-pallets-input").each(function() {
 var thisValue = $(this).val();
 if ( (IsNumeric(thisValue)) && (thisValue != '') ) {
  totalPallets += parseInt(thisValue);
 };
 });
 $("#total-pallets-input").val(totalPallets);
};
function calcShippingTotal() {
 var totalPallets = $("#total-pallets-input").val() || 0;
 var shippingRate = $("#shipping-rate").text() || 0;
 var shippingTotal = totalPallets * shippingRate;
 $("#shipping-subtotal").val(shippingTotal);
};
function calcOrderTotal() {
 var orderTotal = 0;
 var productSubtotal = $("#product-subtotal").val() || 0;
 var shippingSubtotal = $("#shipping-subtotal").val() || 0;
 var orderTotal = parseInt(productSubtotal) + parseInt(shippingSubtotal);
 var orderTotalNice = "$" + orderTotal;
 $("#order-total").val(orderTotalNice);
};
$(function(){
 $('.num-pallets-input').blur(function(){
 var $this = $(this);
 var numPallets = $this.val();
 var multiplier = $this
    .parent().parent()
    .find("td.price-per-pallet span")
    .text();
 if ( (IsNumeric(numPallets)) && (numPallets != '') ) {
  var rowTotal = numPallets * multiplier;
  $this
  .css("background-color", "white")
  .parent().parent()
  .find("td.row-total input")
  .val(rowTotal);
 } else {
  $this.css("background-color", "#ffdcdc");
 };
 calcProdSubTotal();
 calcTotalPallets();
 calcShippingTotal();
 calcOrderTotal();
 });
});



jQuery购物车自动计算表单金额

 
  商品名称
  数量
  X
  单价
  =
  总计
 
 
  裤子
  
   
  
  X
  $340
  =
  
   
  
 
 
  袜子
  
   
  
  X
  $455
  =
  
   
  
 
 
  婴儿用品
  
   
  
  X
  $300
  =
  
   
  
 
 
  电脑用品
  
   
  
  X
  $410
  =
  
   
  
 
 
  汽车装饰用品
  
   
  
  X
  $365
  =
  
   
  
 
 
  家居装饰用品
  
   
  
  X
  $340
  =
  
   
  
 
 
  生活用品
  
   
  
  X
  $375
  =
  
   
  
 
 
  建材用品
  
   
  
  X
  $340
  =
  
   
  
 
 
  产品小计:
   
  
 


 
  总数量.
  X
  运费
  =
  总运费
 
 
  
   
  
  X
  10.00
  =