if (selectAll.checked) {
// 全选
for (var i = 0; i < options.length; i++) {
options[i].checked = true;
}
} else {
// 取消全选
for (var i = 0; i < options.length; i++) {
options[i].checked = false;
}
}
前提:复选框被选中时,checked属性为true;未选中时,checked属性为false
逻辑解释:
if (selectAll.checked) 检查selectAll复选框是否被选中
- 如果选中:
for (var i = 0; i < options.length; i++) 遍历所有的复选框
options[i].checked = true; 将每个复选框的checked属性设置为true,即选中这些复选框。 - 当selectAll没有被选中时
同样地,for (var i = 0; i < options.length; i++) 循环遍历所有的复选框。
options[i].checked = false; 将每个复选框的checked属性设置为false,从而取消选中这些复选框