tr如何加上标识判断是否选中
时间: 2024-03-12 07:49:31 浏览: 48
BootStrap Table复选框默认选中功能的实现代码(从数据库获取到对应的状态进行判断是否为选中状态)
要给tr加上标识以判断是否选中,可以使用jQuery的`addClass`和`removeClass`方法来实现。具体步骤如下:
1. 给table中的每个tr元素绑定点击事件,当点击时添加或移除一个自定义的类名,表示该tr是否被选中。
```javascript
$('table tr').click(function(){
$(this).toggleClass('selected');
});
```
2. 在CSS中定义选中时的样式。
```css
.selected {
background-color: #ccc;
}
```
这样,当用户点击tr时,该tr的类名会被切换,进而改变该tr的样式,实现选中和未选中的效果。同时,我们可以通过判断该tr是否有选中的类名来判断是否被选中。例如,可以使用以下代码获取所有被选中的tr元素:
```javascript
var selectedTR = $('table tr.selected');
```
阅读全文