//循环查看tbody里面的所有checkbox元素,只要有一个是没选中的,那么就非全选,否则就是全选
for ( var i=0; i<checkBoxes.length; i++ ) {
if ( !checkBoxes[i].checked ) {
checkAll.checked = false;
return;
}
}
//如果代码能走到这里来,就说明上面的循环过程中,所有的checkbox都是选中的
checkAll.checked = true;
}
}
td6.appendChild(btn2);
tr.appendChild(td6);
//给每一行添加鼠标移入移出的事件处理函数
//鼠标移入
tr.onmouseover = function() {
//鼠标移入的时候也需要根据当前tr里面的checkbox的状态去设置tr的class
if (checkbox.checked) {
this.className = 'c4';
} else {
this.className = 'c3';
}
}
//鼠标移出
tr.onmouseout = function() {
//当鼠标离开tr的时候,需要根据当前tr里面的checkbox的状态去设置当前tr的class
if (checkbox.checked) {
//如果当前tr里面的checkbox是选中的,那么离开tr以后,这个tr的class应该还是c4
this.className = 'c4';
} else {
//如果当前tr里面的checkbox不是选中的,那么离开这个tr以后,应该回到当前tr最开始class
this.className = this.oldColor;
}
}
tbody.appendChild(tr);
}
}
</script>
请选择一个性别 男 女
全选 | 编号 | 姓名 | 性别 | 年龄 | 学校 | 操作 |
---|