《web前端技术》课件-第十四章 创建WJ自制女装品牌店网站.pptVIP

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * //最终将总数量放入html $(.total-num).html(sum); } //创建对象Car function Car() { this.init(); } //将其初始化 Ctotype.init = function() { var self = this; $(*[data-car-action]).click(function() { var action = $(this).attr(data-car-action); self[action]($(this)); }); }; //设置单击“全选”按钮时，选中所有复选框并计算价格 1．设置页面头部信息并制作与主页相同的模块 14.4 制作购物车页 Ctotype.all = function(the) { if ($(the).find(.qx).prop(checked) === true) { $(.checkbox-input).prop(checked, true); } else { $(.checkbox-input).prop(checked, false); } all_price(); all_num(); }; //设置单击“单选”按钮时，单独计算价格 Ctotype.one = function(the) { //判断是否单选 if ($(the).prop(checked) === true) { $(the).prop(checked, true); } else { $(the).prop(checked, false); } //判断是否全选 1．设置页面头部信息并制作与主页相同的模块 14.4 制作购物车页 if ($(.dx:checked).length === $(.dx).length) { //确认全选时，添加全选标志 $(.qx).prop(checked, true); } else { //非全选时，取消全选标志 $(.qx).prop(checked, false); } all_price(); all_num(); }; //设置单击增加商品数量按钮时，根据商品数量计算价格 Ctotype.add = function(the) { //获取商品数量 var num = $(the).prev().val(); //执行加操作 num++; 1．设置页面头部信息并制作与主页相同的模块 14.4 制作购物车页 //将数值放入html $(the).prev().val(num); //获取商品现在的价格 var pric = $(the).parent().prev().find(.goods-price) .html(); //计算价格*数量，得到总价 var pri = num * pric; //最终将结果放入html $(the).parent().next().find(.subtotal-price) .html(pri); //当选中该商品时，修改总价格与数量 if ($(the).parent().siblings(:first).find(.dx) .prop(checked) === true) { all_price(); all_num(); } }; //设置单击减少商品数量按钮时，根据商品数量计算价格 1．设置页面头部信息并制作与主页相同的模块 14.4 制作购物车页 Ctotype.reduce = function(the) { //获取商品数量 var num = $(the).next().val(); //执行减操作 num--; if (num 1) { return false; } //把数值放入html $(the).next().val(num); //获取商品现在的价格 var pric = $(the).parent().prev().find(.goods-price) .html(); //计算价格*数量，得到总价 var pri = num * pric; //最终将结果放入html 1．设置页面头部信息并制