Open ZhelinCheng opened 1 year ago
https://zhelin.me/1998374abcc7facd/
走来先PO图，一张2008年的条纹表格是这样写的，Excuse me？
2008年怎么说也是DIV+CSS了吧，怎么说也是样式表和HTML分离了吧，
这么写可以瞬间让前端炸毛的不知道吗？
好的，平复一下心情。首先来说一下之前的效果：
1.加载完成时，表格是条纹效果。（已完成，就是上面那张炸毛的写法）
2.鼠标悬浮至该行时该行变色。
3.点击该行，这一行变色。表示被选中，重复点击取消选中。（但前面的复选框不会有改变）
4.点击复选框，指示被选中，但该行不变色。（冷漠）
5.点击全选框，指示被全选，但全部不变色。 以上是我拿到时整个表格的效果，原作者功能的实现如下图。
我看到时当时就懵逼了，因为我对原生JS并不在行，直接说通俗一点就是这代码我看不懂。这是我的问题，确实JS太差劲。
https://zhelin.me/1998374abcc7facd/
走来先PO图，一张2008年的条纹表格是这样写的，Excuse me？
2008年怎么说也是DIV+CSS了吧，怎么说也是样式表和HTML分离了吧，
这么写可以瞬间让前端炸毛的不知道吗？
好的，平复一下心情。首先来说一下之前的效果：
1.加载完成时，表格是条纹效果。（已完成，就是上面那张炸毛的写法）
2.鼠标悬浮至该行时该行变色。
3.点击该行，这一行变色。表示被选中，重复点击取消选中。（但前面的复选框不会有改变）
4.点击复选框，指示被选中，但该行不变色。（冷漠）
5.点击全选框，指示被全选，但全部不变色。 以上是我拿到时整个表格的效果，原作者功能的实现如下图。