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>");
    
        });
    });
  • 相关阅读:
    在网上如何找靠谱的兼职?
    Amphorae 与 Octavia Worker 的安全通信实现
    idea遇到XXXXXXXX.java文件上出现小叉号
    2019创业做哪方面,有什么好的建议吗?
    投资理财财经 现在每个月可以抽出2000元的闲钱,投资什么项目比较好?
    开水果蔬菜超市利润大吗?
    理财能不能发家致富?
    不想打工了,手里有10万,想回农村老家创业,却不知道做什么,请各位指点迷津,谢谢?
    为什么很多人说现在做什么生意都不好做?
    ylbtech-SubwayNav(地铁线路导航)-数据库设计
  • 原文地址:https://www.cnblogs.com/a1111/p/12816690.html
Copyright © 2011-2022 走看看