Bootstrap之表格checkbox复选框全选 Web前端

效果图：

文章图片

文章图片

HTML中无需添加额外的一列来表示复选框，而是由JS完成，所以正常的表格布局就行了：

类别编号类别名称类别组状态说明 C00001 机车机车有效机车头 C00002 车厢机车有效载客车厢

类别编号	类别名称	类别组	状态	说明
C00001	机车	机车	有效	机车头
C00002	车厢	机车	有效	载客车厢

重点是JS的实现。复选框很小，不容易点到，所以点击每一行也可以选中该行，并用高亮一些CSS样式表示。点击复选框所在单元格也能选中复选框。下面是完整代码和注释说明： 【Bootstrap之表格checkbox复选框全选】

表格 - 锐客网列表类别编号类别名称类别组状态说明 C00001 机车机车有效机车头 C00002 车厢机车有效载客车厢 ? 1 2 3 4 5 ?

Bootstrap之表格checkbox复选框全选