当前位置: 代码迷 >> JavaScript >> js兑现购物车
  详细解决方案

js兑现购物车

热度:283   发布时间:2012-09-08 10:48:07.0
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的处理,请查看附件。
  相关解决方案