今天学习pink老师的表单全选取消全选,OMG,又是出现bug的一天
第二部分出现了问题,把下面按钮选完,总按钮没有改变,奇奇怪怪
【有无大佬可以帮忙解决一下,没有就自己慢慢研究吧~】
源代码:
td{
background-color: burlywood;
}
</style>
商品 | 价钱 | |
---|---|---|
iPhone8 | 8000 | |
iPad Pro | 5000 | |
iPad Air | 2000 | |
Apple Watch | 2000 |
// 2.下面复选框需要全部选中,上面全选才能选中,
// 做法:给下面所有复选框绑点击事件,每次点击,都要循环查看下面所有的复选框是否有没选中,
// 如果有一个没选中,上面全选就不选中
for(var i = 0; i <j_tbs.length;i++){
j_tbs[i].onlick = function(){
// flag 控制全选按钮是否选中
var flag = true;
// 每次点击下面的复选框都要循环检查4个小按钮是否全被选中
for(var i = 0;i < j_tbs.length;i++){
if(!j_tbs[i].checked){
flag = false;
break; // 退出for循环,这样可以提高执行效率,因为只要一个没有选中,剩下的无需循环
}
}
j_cbAll.checked= flag;
}
}