layui Table更改當前行背景色及聯動表格內的checkbox多選框

$(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();
		    });
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章