`
mxx_1111
  • 浏览: 58775 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

购物车的功能——JS源码

 
阅读更多

此CSS的对应的是“购物车的功能——界面源码”的内容和“购物车的功能——CSS源码”的内容,希望大家不要乱

$(function(){
	//点击复选框全选或全不选效果
    $("#allCheckBox").click(function(){
        var checked=$(this).is(":checked");
        $(".cart_td_1").children().attr("checked",checked);
    });
    //判断是否全选
    function ifAllChecked(){
        var checkedBoxs=$(".cart_td_1").children();
        var sum=checkedBoxs.size();
        var k=0;
        checkedBoxs.each(function(index,dom){
            if($(dom).is(":checked")) k++;
        });
        if(k==sum){
            $("#allCheckBox").attr("checked",true);
        }else{
            $("#allCheckBox").attr("checked",false);
        }
    }
    ifAllChecked();//页面加载完后运行
    //单选判断
    $(".cart_td_1").children().click(function(){
        ifAllChecked();
    });
    
	//计算总价与小计
    function productCount(){
        var $tr=$("#shopping").find("tr[id]");
        var summer=0;
        var integral=0;
        $tr.each(function(i,dom){
            var num=$(dom).children(".cart_td_6").find("input").val();//商品数量
            var price=num*$(dom).children(".cart_td_5").text();//商品小计
            $(dom).children(".cart_td_7").html(price);//显示商品小计
            summer+=price;//总价
            integral+=$(dom).children(".cart_td_4").text()*num;//积分
        });
        $("#total").text(summer);
        $("#integral").text(integral);
    }
    productCount();//页面加载完后运行
	
    //商品增加减少,flag为true时增加,flag为false时减少
    function changeNumber(dom,flag){
        var $input = $(dom).parent().find("input");
        var value = $input.val();
        if(flag){
            value++;
        }else{
            value--;
            if(value<=0){
                value=1;
                alert("宝贝数量必须大于0");
            }
        }
        $input.val(value);
        productCount();
    };
    //点击增加
    $(".cart_td_6").find("img[alt='minus']").click(function(){changeNumber(this,false);});
    //点击减少
    $(".cart_td_6").find("img[alt='add']").click(function(){changeNumber(this,true);});
    
    //点击删除
    $(".cart_td_8").find("a").click(function(){
        $(this).parent().parent().prev().remove();//删除前一tr
        $(this).parent().parent().remove();//删除当前tr
        productCount();
    });
    //点击删除所选
    $("#deleteAll").click(function(){
        $("#shopping").find("tr[id]").each(function(i,e){
            var $tr=$(e);
            var checked=$tr.children(".cart_td_1").children().is(":checked");
            if(checked){
                $tr.prev().remove();
                $tr.remove();
            }
        });
        productCount();
    });
});


分享到:
评论

相关推荐

    book——shop 源码

    书城源码是一个用于构建在线图书销售平台的软件系统,它涵盖了用户管理、图书分类、购物车、订单处理、支付接口等多个核心功能模块。通过分析和理解这个源码,我们可以深入学习Web开发的相关技术,包括前端交互、...

    ASP.NET源码——[电子商务]最简购物车(Access)源码.zip

    这个源码包"ASP.NET源码——[电子商务]最简购物车(Access)源码.zip"提供了基于ASP.NET技术的电子商务购物车实现,其数据库后端使用了Microsoft Access。 在ASP.NET中,购物车功能通常是通过状态管理机制来实现的。...

    ASP源码课程设计——简易购物车

    ASP源码课程设计——简易购物车是一门针对初学者和进阶者的IT实践课程,旨在通过实际操作,帮助学习者掌握ASP(Active Server Pages)编程技术,并应用到网上购物系统的开发中。在这个项目中,我们将重点探讨如何...

    一个简单的购物车源码

    【标题】: "一个简单的购物车源码" 涉及到的知识点主要集中在软件开发中的前端和后端技术,尤其是电商系统的核心功能模块——购物车。购物车系统是在线购物平台的重要组成部分,用于实现用户选择商品、添加、删除、...

    电子商务网站购物车源码(asp)

    该源码提供了实现电子商务网站核心功能——购物车的完整代码,用户无需安装额外软件,可以直接在支持ASP的Web服务器上运行。 购物车系统是电子商务网站不可或缺的一部分,它允许用户浏览商品、选择商品并暂存到...

    可以进行拖动的Asp.net购物车源码

    描述简单明了,强调了购物车功能的一个特殊点——拖动。这表明该源码不仅实现了基本的添加、删除商品等购物车功能,还引入了交互性更强的拖放技术,使得用户在网页上可以像在桌面应用中那样自由移动和管理购物车内的...

    ASP网站实例开发源码——网上商城源码.zip

    这个"ASP网站实例开发源码——网上商城源码.zip"文件包含了一个使用ASP技术构建的网上商城的完整源代码,对于学习ASP编程、电子商务网站开发以及深入了解Web应用程序的构建流程具有很高的参考价值。 在ASP中,...

    微信小程序-购物车-程序源码.zip

    在这个"微信小程序-购物车-程序源码.zip"压缩包中,我们很显然看到它包含了微信小程序开发的一个具体示例——购物车功能。 购物车是电商应用的核心部分,用户可以将想要购买的商品添加到购物车,然后进行结算。在...

    PHP实例开发源码——TPshop开源商城源码 php版.zip

    通过学习和理解这个源码,开发者可以提升PHP编程技能,了解如何在实际项目中处理购物车逻辑、订单处理、支付接口集成等电商核心功能。 【压缩包子文件的文件名称列表】中的"132676300324710814"可能是一个错误的...

    ASP网站实例开发源码——企业网站源码!! 双语版本 绿色界面 自然清新 完整规范.zip

    3. `order_en2.asp` 和 `order2.asp`:这可能是另一种订单处理或购物车功能的实现,可能是与`order_en.asp`和`order.asp`不同的实现方式,或者包含额外的功能。 4. `products_en.asp` 和 `products.asp`:这些文件...

    ASP实例开发源码——手机领域网 商城程序源码.zip

    这个"ASP实例开发源码——手机领域网 商城程序源码.zip"压缩包包含了一个基于ASP技术构建的手机商城系统的完整源代码。通过分析和学习这个源码,我们可以深入了解ASP在电子商务平台开发中的应用。 ASP的核心功能...

    ASP网站实例开发源码——好网店商城源码.rar

    这个"ASP网站实例开发源码——好网店商城源码.rar"是一个使用ASP技术构建的在线商城的源代码包,它包含了创建一个功能完整的电子商务平台所需的所有组件和文件。 在ASP中,开发者可以使用VBScript或JScript等脚本...

    PHP实例开发源码——某女性爱搭配网源码 php版.zip

    6. **购物车功能**:电商网站必备的购物车功能,可能涉及到商品的添加、删除、数量修改等操作,并且需要与用户账户关联。 7. **支付接口集成**:如果网站支持在线支付,那么会涉及到第三方支付平台(如PayPal、...

    JavaWeb小白——项目实战——油画商城源码.zip

    这个"JavaWeb小白——项目实战——油画商城源码"是专为初学者设计的,旨在帮助他们从零开始理解并掌握JavaWeb开发的核心概念。源代码完全开放,用于教学目的,可以作为学习者自我提升和实践的宝贵资源。 首先,我们...

    PHP实例开发源码——php精美女性整站源码.zip

    此外,"整站源码"意味着包括了网站的所有组成部分,如首页、产品展示页、购物车功能、用户注册登录系统、评论系统等,提供了一站式的解决方案。 【标签】虽然没有具体的标签信息,但我们可以根据标题和描述推测出...

    PHP实例开发源码——家具行业织梦整站源码 php版.zip

    4. 插件和模块:可能包含家具行业的特定功能,如产品分类、展示和购物车。 5. 图片和媒体文件:用于网站装饰和产品展示。 6. 文档和帮助文件:介绍如何安装、配置和使用源码。 总的来说,这个PHP源码包是一个针对...

    ASP.NET源码——汽车配件公司网站(VB.net+Access数据库)源码.zip

    本项目“ASP.NET源码——汽车配件公司网站(VB.net+Access数据库)源码.zip”提供了使用VB.NET编程语言和Access数据库构建的汽车配件公司网站的完整源代码。这是一个学习和实践ASP.NET技术的好实例,同时也适用于小型...

    ASP实例开发网站源码——某经典大型社区完美源码,已测试,功能超多.rar

    这个压缩包“ASP实例开发网站源码——某经典大型社区完美源码,已测试,功能超多.rar”包含了一个使用ASP技术构建的成熟且功能丰富的社区网站的源代码。这个社区网站可能包括了论坛、博客、个人空间、群组等功能,是...

    ASP.NET源码——旅行社同行入口源码.zip

    源码可能会有相关的实现来跟踪用户状态和购物车信息。 10. **部署与配置**:源码可能包含部署脚本和配置文件(如Web.config),用于在服务器上配置和运行应用程序。 11. **测试**:为了保证代码质量,源码可能包括...

Global site tag (gtag.js) - Google Analytics