jquery實現購物車的全選與反選

//獲取全部的子按鈕讓下面的去全選按鈕跟着改變
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);
}

})

 

補充說明：

中間的功能是本身按照實際的需求本身進行修改的

前兩個按鈕是一家店鋪，並在裏面所購買一種商品

最後一個爲全選按鈕