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($