js代码部分：

1.全选很简单，根据全选checkbox的选中状态来控制其它checkbox就行。if语句里是我控制结算按钮的css的。可不用理会。

2.计算价格同理，给所有的checkbox添加一个class，把价格通过自定义标签写在checkbox元素上，当点击任意class名为sumprice的时候就触发点击事件，循环所有checkbox，然后获取价格为真的值，累计相加。

3.全选某个店铺，sel_quan(obj)方法，给店铺的checkbox定义一个唯一class，子checkbox也加上这个唯一class，当选中店铺checkbox的时候，就把带有这个标识的产品checkbox都选中。

		$(function(){

			$(".chooseall").click(function(){    
				var isChecked = $(this).prop("checked");
				if(isChecked==true){
					$('.cart-btn').removeClass('cartnull');
					$('.cart-btn').addClass('cartctrue');
				}else{
					$('.cart-btn').removeClass('cartctrue');
					$('.cart-btn').addClass('cartnull');
				}
				$("input[type='checkbox']").prop("checked", isChecked);

			});


			$('.sumprice').click(function(){
				var totalprice = 0;
				$('.sumprice').each(function(){
					
					if ($(this).is(":checked")) {
						var aaa = parseInt($(this).attr('data-price'));
						if(aaa){
							totalprice += aaa;
						}
					}

					if(totalprice==0){
						$('.cart-btn').removeClass('cartctrue');
						$('.cart-btn').addClass('cartnull');
					}else{
						$('.cart-btn').removeClass('cartnull');
						$('.cart-btn').addClass('cartctrue');
					}
					
					$('.ctotal').text(totalprice.toLocaleString());
				});
				
			});

		})

		var btn=document.getElementById('cartEdit'); 
		btn.addEventListener('click',function(){
			$('#cartDelete').fadeIn(1000);
			document.getElementById("cartEdit").style.display="none";
			document.getElementById("cartFinish").style.display="";
		},false);

		var btn2=document.getElementById('cartFinish'); 
		btn2.addEventListener('click',function(){
			$('#cartDelete').fadeOut(1000);
			$('#cartEdit').fadeIn(1000);
			document.getElementById("cartFinish").style.display="none";
		},false);

		function sel_quan(sellerid){
			$(".zimulu_"+sellerid).prop("checked",$(".father_"+sellerid).prop("checked"));	
		}
	

以上代码还没有很完善，比如当checkbox没有全部选中的时候，全选按钮状态取消，店铺产品没有全部选中的时候，状态取消等等，我就懒的弄了。

样式我就不贴了，毕竟js是最重要的，只要把需要的class名放在你要的标签上就行了

快速导航

• 温岭熙道网站
• 成都光华电信机房
• 绵竹做网站
• 高端定制网站设计
• 网络营销推广
• 绵阳科技城电信IDC机房
• bgp机房托管

友情链接

网站制作 网站建设 网络推广 网站推广 小程序开发 网站导航

网站建设

• 四川平武建站
• 网站导航

联系方式

• 企业：四川绵阳平武网站建设工作室
• 地址：成都市青羊区太升南路288号
• 电话：18980820575
• 网址：www.scpingwu.com

公司名称：四川绵阳平武网站建设工作室 联系电话：18980820575

网站备案号：蜀ICP备2024061352号-3

四川平武建站 四川平武网站建设 四川平武网站设计 四川平武网站制作 成都做网站