本文介绍了一种使用jQuery为表格实现行选中效果的方法。通过监听表格行的点击事件，实现了选中状态的切换，并确保同一时刻仅有一行被选中。此外，还设置了默认选中第一行的功能。
$('#table tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
}
else {
table.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
var data = table.row(this).data();//选中行数据，可申请全局变量接收
}
});
$('#table tbody tr:first').addClass("selected");//默认第一行选中
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
}
else {
table.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
var data = table.row(this).data();//选中行数据，可申请全局变量接收
}
});
$('#table tbody tr:first').addClass("selected");//默认第一行选中
扫一扫
297
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
