yatou_0209 发表于 2013-1-29 13:35:53

js实现购物车

一个简单的购物车功能。
/*购物车*/var cart = $.cookie("defaultcart");var thingsMoney = 0;if(cart == null){$(".table_list").html("您的购物车暂时还没有商品,<a href='#'>现在采购</a>").css("background","#ccc");}else{var goods = cart.split(",");    var obj = goods.split(" ");    var things = parseInt($(".thingsMonery").text());var wareID = goods.split(" ");thingsMoney = obj * things;//$("#number").val(obj);$(".thingsMonery").text(thingsMoney);//商品价格的默认值。/*减法*/$("#jian").live("click",function(){var numJian = --obj;//商品数量var thingsM = numJian*things;//商品价格$(".thingsMonery").text(thingsM);if(numJian == 0 || thingsM == 0){alert("商品数量不能低于0!");return false;}else{$(".thingsMonery").val(things);$("#number").val(numJian);$(this).cartcookie({userID: "default",wareID: wareID, // wareId string 商品idnumber: numJian, // number number 商品数量type: "u" // type string 操作类型,新增为a,修改为u,删除为d。默认为新增});var cart = $.cookie("defaultcart");}});/*加法*/$("#jia").live("click",function(){var numJia = ++obj;var thingsM = numJia*things;$("#number").val(numJia);//为输入框赋值$(".thingsMonery").text(thingsM);//商品价格$(this).cartcookie({userID: "default",wareID: wareID, // wareId string 商品idnumber: numJia, // number number 商品数量type: "a" // type string 操作类型,新增为a,修改为u,删除为d。默认为新增});var cart = $.cookie("defaultcart");});/*清空购物车*/$("#shopbut").live("click",function(){$(this).cartcookie({userID: "default",wareID: null, // wareId string 商品idtype: "d" // type string 操作类型,新增为a,修改为u,删除为d。默认为新增});var cart = $.cookie("defaultcart");if(cart == null){$(".table_list").html("清空购物车成功!<a href='javascript:void(0)' id='cagou'>现在采购</a>").css("background","#eee");}});}
这里是把购物车的东西,加入cookie,所以还有一个cookie的js。这个我就不贴了。对于加入cookie的处理,请查看附件。
页: [1]
查看完整版本: js实现购物车