素材牛VIP会员

jQuery移动手机端完整购物车功能 [原创]

 所属分类:网页特效-独立部件,移动端特效

 浏览:406次-  下载:3次-  评论:2次-  发布时间:2018-12-28
jQuery移动手机端完整购物车功能 [原创]兼容IE9
积分说明:注册即送15牛币,每日签到可获得5牛币,成为VIP会员可永久免积分下载!   充值积分   充值会员   更多说明»
素材描述:jQuery移动端完整购物车结算效果下载

详细介绍

//计算产品价格
function TotalPrice() {
    //总价
    var total = 0;
    $(".product-em").each(function() {
        if ($(this).is(".product-xz")) {
            var price = parseInt($(this).parents(".product-ckb").siblings().find(".price").text()); //得到产品单价
            var slproice = parseInt($(this).parents(".product-ckb").siblings().find(".product-num").val()); //得到产品数量
            var dgtotal = price * slproice;
            total += dgtotal;
        }
        $(".all-price").text(total.toFixed(2)); //输出全部总价
    });
}

文件目录结构

  • css
    • ┝ shoppingcart.css
  • img
    • ┝ a1.png
    • ┝ a2.png
    • ┝ a3.png
    • ┝ a4.png
    • ┝ cart-air.png
    • ┝ deleteico.png
    • ┝ gouico.png
  • ┝ index.html
  • js
    • ┝ jquery-1.4.2.js
    • ┝ shoppingcart.js

讨论这个素材(2)回答他人问题或分享使用心得会奖励牛币

xi***mo  
2018年12月28日

攒钱下载资源!

回复
从***慢  
2019年04月02日

还比较完整

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:3
所需牛币:10 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)