$(document).on("click",".layui-table-body table.layui-table tbody tr",function(){
var obj = event ? event.target : event.srcElement;
var tag = obj.tagName;
var checkbox = $(this).find("td div.laytable-cell-checkbox div.layui-form-checkbox I");
if(checkbox.length!=0){
if(tag == 'DIV') {
checkbox.click();
}
}
console.log(this);
var data_index=$(this).attr('data-index');//得到當前的tr的index
console.log($(this).attr('data-index'));
$(".layui-table-body tr").attr({"style":"background:#FFFFFF"});//其他tr恢復顏色
$(".layui-table-body tr[data-index="+data_index+"]").attr({"style":"background:#f3f1b9"});//改變當前tr顏色
});
$(document).on("click","td div.laytable-cell-checkbox div.layui-form-checkbox",function(e){
e.stopPropagation();
});
layui Table更改當前行背景色及聯動表格內的checkbox多選框
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.