jquery实现购物车的全选与反选

时间:2024-02-19 14:50:07

//获取所有的子按钮让下面的去全选按钮跟着改变
var inputs=$(\'.Item\')
var allinput=$(\'.qxan\')
$(".Item").click(function () {
var s = $(".Item").length;
var a = $(".Item:checked").length;
if (s == a) {
allinput.prop(\'checked\', true);
} else {
allinput.prop(\'checked\', false);
}
});

// 点击每一家中的商品或者店名前面的的input框时,让里面额input框也跟着改变  如下图
$(\'.diangdan\').on(\'tap\',\'input\',function(){
if(this.checked){
$(this).parent().parent().siblings().children().children(\'input\').prop("checked",false);
}else {
$(this).parent().parent().siblings().children().children(\'input\').prop("checked", true);
}
})

//点击全选事件
$(\'.qxan\').on(\'tap\',function(){
if(this.checked){
$(\'.Item\').prop("checked",false);
}else {
$(\'.Item\').prop("checked", true);
}

})

 

补充说明:

中间的功能是自己按照实际的需求自己进行修改的

前两个按钮是一家店铺,并在里面所购买一种商品

最后一个为全选按钮