方案一:
自定义 一个 class 选择器
<style> .changeColor{ background-color: #31b0d5 !important; color: white; } </style>
//初始化空数组,用来存放checkbox对象。 var rel_Ids = []; $('#tabMain').on('click-row.bs.table', function (e, row, $element) { //判断是否已选中 if ($($element).hasClass("changeColor")) { //已选中则移除 当前行的class='changeColor' $($element).removeClass('changeColor'); } else { //未点击则,为当前行添加 class='changeColor' $($element).addClass('changeColor'); } if ($($element).hasClass("changeColor")) { //选中则将当前行的主键,添加到数组中 rel_Ids.push(row["REL_ID"]); } else { //未选中则移除 var index = rel_Ids.indexOf(row["REL_ID"]); rel_Ids.splice(index, 1) } alert(rel_Ids); });
效果:
方案二:
与方案一一样也要定义 一个 class 选择器
$("#tabMain").bootstrapTable({ pagination: true, singleSelect: false, search: false, sortable: true, sidePagination: "server", showToggle: true, silentSort: false, showRefresh: true, showExport: true, pageList: [10, 20, 50, 100], pageSize: 20, striped: true, cache: false, onClickRow: function (row, $element) { //判断是否已选中 if ($($element).hasClass("changeColor")) { //已选中则移除 当前行的class='changeColor' $($element).removeClass('changeColor'); } else { //未点击则,为当前行添加 class='changeColor' $($element).addClass('changeColor'); } }, queryParams: function (params) { var array = $("#formSearch").serializeArray(); var data = { pageSize: params.limit, beginRowIndex: params.offset + 1, sortField: params.sort, order: params.order, }; $(array).each(function () { if (data[this.name]) { if ($.isArray(data[this.name])) { data[this.name].push(this.value); } else { data[this.name] = [data[this.name], this.value]; } } else { data[this.name] = this.value; } }); return data; } });
参考1:https://blog.csdn.net/cauchy6317/article/details/82019367