[Java教程]js实现全选反选
0 2017-04-04 00:00:12
在前端中用到全选反选的案例并不少,在这里呢我就实现这个功能给大家参考参考。
这里呢就先贴上我的html和css代码
快递 | 收件人 | 电话 | |
---|---|---|---|
顺丰 | 张大大 | 186*****897 | |
韵达 | 张全蛋 | 186*****897 | |
圆通 | 韩非 | 186*****897 | |
中国邮政 | 卫庄 | 186*****897 |
这是html部分的,下面呢,我附上css部分的代码:* { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100px auto 0; } table { border-collapse: collapse; border-spacing: 0; border: 1px solid #c0c0c0; width: 300px; } th, td { border: 1px solid #d0d0d0; color: #404060; padding: 10px; } th { background-color:rgb(51, 199, 18); font: bold 16px "微软雅黑"; color: #fff; } td { font: 14px "微软雅黑"; } tbody tr { background