一个简单的购物车功能。
/*购物车*/ 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[0].split(" ")[1]; var things = parseInt($(".thingsMonery").text()); var wareID = goods[0].split(" ")[0]; 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 商品id number: 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 商品id number: 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 商品id type: "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的处理,请查看附件。