jQuery制作商城购物车自动计算金额表单

非常实用的一款jQuery制作商城购物车自动计算金额表单代码，可以计算多项物品总价。

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();

    });
});

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索function
， this
， var
， val
， parseInt
jquery购物车
jquery购物车计算金额、jquery表单金额的验证、购物车表单、js计算购物车总金额、java计算购物车总金额，以便于您获取更多的相关知识。