jQuery购物车案例复盘

jQuery购物车案例

全选按钮

1、全选思路 ：里面的3个复选框（j_checked）选中状态（checked）跟着全选按钮（chenckall）走
2、因为checked是复选框的固有属性，因此利用prop（）方法获取该属性 ，（如果是自定义属性，可以用arr()或者是data()）
3、把全选按钮状态赋值给3个小复选框就可以了

代码如下（示例）：

1、全选 全不选功能模块
就是把全选按钮（checkall）的状态赋值给三个小按钮（J_checkbox）
2、事件可以用change()

$(function(){
   
 $(".checkedall").change(function(){
   
//console.log($(this).prop("checked"));全选状态
$(".J_checkbox,checkall").prop("checked",$(this).prop("checked"));
 })
})

3、当每次来点击小复选框，就来判断
4、如果小复选框现选中的个数等于3就应该把全选按钮选上，否则去选按钮不选
5、:chencked选择器 ：checked
6、三个复选框中的length可以显示出显示的个数

代码如下（示例）：

if(选中的个数为3){
   
全选按钮就选中
}else{
   
全选按钮就不选
}
//返回的选中复选框的个数
console.log($