Bootstrap table 点击行改变背景色,点击列选中或者取消选中checkbox,根据某个属性隐藏显示某个字段

时间:2022-05-19 19:17:56
//点击选中行,改变选中行的背景颜色
$(table).on('click-row.bs.table', function (e, row, element){
$('.success').removeClass('success');//去除之前选中的行的,选中样式
$(element).addClass('success');//添加当前选中的 success样式用于区别
var index = $('#formTempDetailTable_new').find('tr.success').data('index');//获得选中的行的id
}); 
//点击选中列,判断checkbox选中与取消选中
$($(table).on).on('click-cell.bs.table', function (e,field,value, row, $element){
if(field=="字段名"||field=="字段名"){//根据某个字段名判断
if($(checkbox字段ID).is(':checked')) {
$(checkbox字段ID).prop("checked",false);
}else{
$(checkbox字段ID).prop("checked",true);
}
}
});
//根据某个属性隐藏显示某个字段
if($('#属性值').val()=="7"){
$(table).bootstrapTable('showColumn', '要隐藏的字段');
}else{
$(table).bootstrapTable('hideColumn', '要隐藏的字段');
}