利用Bootstrap实现表格复选框checkbox全选
发布时间:2020-12-18 00:44:41 所属栏目:安全 来源:网络整理
导读:首先来看看实现的效果图: HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以正常的表格布局就行了: 类别编号 类别名称 类别组 状态 说明 重点是JS的实现。复选框很小,不容易点到,所以点击每一行也可以选中该行,并用高亮一些CSS样式表示。点击
首先来看看实现的效果图:HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以正常的表格布局就行了: 类别名称 |
类别组 |
状态 |
说明 |
|
重点是JS的实现。复选框很小,不容易点到,所以点击每一行也可以选中该行,并用高亮一些CSS样式表示。点击复选框所在单元格也能选中复选框。
下面是完整代码和注释说明:
类别名称 | 类别组 | 状态 | 说明 |
---|---|---|---|