• 购物车的功能——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();
        });
    });


  • 相关阅读:
    eclipse开发环境搭建
    如何在不知道密码的情况下卸载趋势防毒墙网络版
    PB 将游标中的数据存到数组中
    SQL Server 系统表使用举例
    row_number() over(partition by a order by b desc) rn 用法
    C#选中当前一行,判断是否为空(顺序)
    C#DataTable与Grid的差别
    C#采番的前端与SQL的写法
    Grid的check
    Combox的去重方法
  • 原文地址:https://www.cnblogs.com/a1111/p/12816707.html
Copyright © 2020-2023  润新知