zoukankan      html  css  js  c++  java
  • 当当网上书店购物车——JS源码

    $(function($){
        //根据您挑选的商品,当当为您推荐部分的显示和隐藏
        $("#shopping_commend_arrow").click(function(){
            if($("#shopping_commend_sort").css("display")=="none"){
                $(this).attr("src","images/shopping_arrow_up.gif");
            }else{
                $(this).attr("src","images/shopping_arrow_down.gif");
            }
            $("#shopping_commend_sort").toggle();
        });
        //商品隔行变色
        $("#myTableProduct").find("tr:odd").css("backgroundColor","#ffebcd");
        //商品变色
        $("#myTableProduct").find("tr").mouseover(function(){
            $(this).css("backgroundColor","#fff");
        }).mouseout(function(){
            if($("#myTableProduct").find("tr").index($(this))%2==1) {//判断是否奇数行
                $(this).css("backgroundColor","#ffebcd");
            }else{
                $(this).css("backgroundColor","#fefbf2");
            }
        });
        //计算总价
        function totalPrice(){
            var percents= 0,prePrices= 0,prices=0;//积分,原价,现价
            $("#myTableProduct").find("tr").each(function(i,ele){
                var num=$(ele).find(".shopping_product_list_5").find("input").val();//数量
                percents+=parseInt($(ele).find(".shopping_product_list_2").text())*num;
                //解决下js中浮点数的bug问题,因此建议浮点数的运算不要放在前台,这里是指粗略的解决了一下
                var price=parseInt($(ele).find(".shopping_product_list_4").find("label").text().replace(".",""))*num;
                prices+=price;
                var prePrice=parseInt($(ele).find(".shopping_product_list_3").find("label").text().replace(".",""))*num;
                prePrices+=prePrice;
            });
            $("#product_integral").text(percents);
            $("#product_total").text(prices/100);
            $("#product_save").text((prePrices-prices)/100);
            return prices/100;
        }
        totalPrice();
        //删除商品
        $("#myTableProduct").find(".shopping_product_list_6").children("a").click(function(){
            if(confirm("您确定要删除商品么?")){
                $(this).parent().parent().remove();
                totalPrice();
            }
        });
        //修改数量
        $("#myTableProduct").find(".shopping_product_list_5").children("input").change(function(){
            var value=$(this).val();
            if((value == "")||!(/^[0-9]*[1-9][0-9]*$/.test(value))){
                alert("数量不能为空,且只能为正整数");
                $(this).val(1);
            }
            var t =totalPrice();
            alert("修改成功!,您的商品总金额是"+t+"元");
        });
        //清空购物车
        $("#removeAllProduct").click(function(){
            //注意清除的先后顺序
            $("#myTableProduct").next().remove();
            $("#myTableProduct").remove();
            $(".shopping_list_border").append("<div class='empty_product'><div>您还没有挑选商品,<a href='index.html'>去挑选看看>></a></div></div>");
    
        });
    });

  • 相关阅读:
    Codeforces Round #669 (Div. 2) A、B题题解
    【证明】树上问题-树的直径
    Web前端开发——概述
    Codeforces Round #667 (Div. 3) A
    Codeforces Round #529 (Div. 3) 练习赛
    [Noip2012] 开车旅行 (倍增DP,难)
    国家集训队论文列表(1999-2019)
    博弈论经典模型解析(入门级)
    Problem 1342B
    SCOI2005 互不侵犯 (状态压缩入门题)
  • 原文地址:https://www.cnblogs.com/a1111/p/12816691.html
Copyright © 2011-2022 走看看