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);
}
});