js开发实例 —— 表格隔行变色&表单全选取消全选

七、表格隔行变色

思路：

①用到新的鼠标事件鼠标经过onmouseover鼠标离开onmouseout

②核心思路:鼠标经过tr行，当前的行变背景颜色，鼠标离开去掉当前的背景颜色

③注意:第一行( thead里面的行)不需要变换颜色,因此我们获取的是tbody里面的行

HTML 代码：

JS 代码：

八、表单全选取消全选

思路：

① 全选和取消全选做法:让下面所有复选框的checked属性(选中状态)跟随全选按钮即可。

② 下面复选框需要全部选中，上面全选才 能选中做法:给下面所有复选框绑定点击事件,每次点击,都要循环查看下面所有的复选框是否有没选中的,如果有一个没选中的，上面全选就不选中。

JS 代码：

（实现全选）

（下面影响全选）