欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JQ实现购物车全选跟总计全选

程序员文章站 2023-08-12 11:23:35
//GoodsCheck购物车每个店铺的checkBox//goods-check购物车所有的checkBox//ShopCheck店铺全选的按钮//commlistFrm店铺商品的模块//allCheck 所有全选按钮// 购物车全选$('.ShopCheck').click(function ( ......
//goodscheck购物车每个店铺的checkbox
//goods-check购物车所有的checkbox
//shopcheck店铺全选的按钮
//commlistfrm店铺商品的模块
//allcheck 所有全选按钮

// 购物车全选
$('.shopcheck').click(function () {

if ($(this).prop("checked") == true) {
$(this).parents('.commlistfrm').find(".goodscheck").prop('checked',true);
}else{
$(this).parents('.commlistfrm').find(".goodscheck").prop('checked',false);
}
shopallcheck();
});


$('.goodscheck').click(function () {
shopitemcheck(this);
shopallcheck();
});

function shopallcheck() {
var item =$('.mui-content').children('.commlistfrm').find('.goodscheck').length;//获取购物车checkbox的数量
var item_check = $('.mui-content').children('.commlistfrm').find('.goodscheck:checked').length;
if(item ==item_check){
$('.allcheck').prop('checked',true)
}
else {
$('.allcheck').prop('checked',false)
}
}

function shopitemcheck(t){
var item =$(t).parents('.commlistfrm').find('.goodscheck').length;//获取购物车checkbox的数量
var item_check = $(t).parents('.commlistfrm').find('.goodscheck:checked').length;
if(item ==item_check){
$(t).parents('.commlistfrm').find(".shopcheck").prop('checked',true);
}else{
$(t).parents('.commlistfrm').find(".shopcheck").prop('checked',false);
}
}

// 结算全选
$('.allcheck').click(function () {
if(this.checked==true){
$('.goods-check').prop('checked',true);
}
else {
$('.goods-check').prop('checked',false);
}

});