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[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的处理，请查看附件。

评论

2 楼 lion3223 2014-01-23  

html代码呢？

1 楼 id870321 2013-12-24  

最近正好用到，借鉴一下，多谢