layui Table更改当前行背景色及联动表格内的checkbox多选框

最新推荐文章于 2023-12-21 22:15:00 发布

李忠祥

最新推荐文章于 2023-12-21 22:15:00 发布

阅读量747

点赞数

分类专栏： layui css 文章标签： css javascript 前端程序人生经验分享

本文链接：https://blog.csdn.net/qq_35826579/article/details/105989603

版权

css 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

layui

1 篇文章 0 订阅

订阅专栏

$(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();
		    });