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

//点击选中行,改变选中行的背景颜色
(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(‘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(clickcell.bs.table,function(e,field,value,row, ( t a b l e ) . o n ) . o n ( ‘ c l i c k − c e l l . b s . t a b l e ′ , f u n c t i o n ( e , f i e l d , v a l u e , r o w , element){
if(field==”字段名”||field==”字段名”){//根据某个字段名判断
if((checkbox字段ID).is(‘:checked’)) {  
$(checkbox字段ID).prop(“checked”,false);  
}else{  
$(checkbox字段ID).prop(“checked”,true);  
}  
}  
});  
//根据某个属性隐藏显示某个字段  
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(‘showColumn’, ‘要隐藏的字段’);  }else{
(table).bootstrapTable(‘hideColumn’, ‘要隐藏的字段’);
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值