• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

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

javascript 搞代码 7年前 (2018-06-13) 149次浏览 已收录 0个评论

非常实用的一款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();           }); });

欢迎大家阅读《jQuery制作商城购物车自动计算金额表单…_js,跪求各位点评,若觉得好的话请收藏本文,by 搞代码


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jQuery制作商城购物车自动计算金额表单_js
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址