京东购物车中选中商品计入商品数量和总价格是如何实现的？

京东购物车中多行商品列表，只有选中商品前复选框才计入商品数量和总价格

0个评论

1个牛币京东购物车选中商品价格计算

所有回答列表(5)

最代码官方 LV168 2014年11月21日

js动态获取html价格dom节点得到数值然后相加显示到总价。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="http://static.zuidaima.com/resource/js/jquery.min.js"></script>
</head>
<body>
	<div class="products">
		<div class="product">
			<input type="checkbox" name="price" class="price"/>价格:<span>1</span>
		</div>
		<div class="product">
			<input type="checkbox" name="price" class="price" />价格:<span>2</span>
		</div>
		<div class="product">
			<input type="checkbox" name="price" class="price" />价格:<span>5</span>
		</div>
	</div>
	<div>
		总价:<span id="total_price">0</span>
	</div>
	<script>
		$(function() {
			$(".price").click(
				function() {
					var total_price=parseInt($("#total_price").text());
					var price_obj=$(this).next();
					var price=parseInt(price_obj.text());
					if($(this).is(':checked')){
						total_price+=price;
					}else{
						total_price-=price;
					}
					$("#total_price").text(total_price);
				}
			);
			$(".price").each(function(){
				$(this).attr("checked",false);
			});
		});
	</script>

</body>
</html>

评论(5) 最佳答案

kiky LV10 2014年11月21日

- - 本来打算抢个沙发的结果被你抢了。@最代码官方！！

semon LV5 2014年11月21日

越开发越觉得js ，jquery 真是很强大。永远有你不知道的组合实现。

最代码包妹 LV15 2014年11月21日

汗。。我做过，什么都忘了...

前端侠 LV14 2014年11月21日

我的页面是这样的，用的table用你的方法好你d在我这不行，你用能jsp现我这个吗

最热评论
最新问答