Layui表格点击行选中复选框，点击行选择复选框

前言

平时操作表格选中时需要把鼠标放到复选框中点击感觉太麻烦了，如果直接点击行就可以选中就简单多了，于是就有下面代码实现

实现

基于jquery，直接复制过去即可使用

	
	// 表格点击行自动选中 ==========================================================================
	$(document).on("click",".layui-table-body table.layui-table tbody tr", function (e) {
		var index = $(this).attr('data-index');
		var tableBox = $(this).parents('.layui-table-box');
		//存在固定列
		if (tableBox.find(".layui-table-fixed.layui-table-fixed-l").length > 0) {
			tableDiv = tableBox.find(".layui-table-fixed.layui-table-fixed-l");
		} else {
			tableDiv = tableBox.find(".layui-table-body.layui-table-main");
		}
		var checkCell = tableDiv.find("tr[data-index=" + index + "]").find("td div.laytable-cell-checkbox div.layui-form-checkbox I");
		if (checkCell.length > 0) {
			checkCell.click();
		}
	});
	// 表格点击行出发复选框后，阻止向上冒泡===============================================================
	$(document).on("click", "td div.laytable-cell-checkbox div.layui-form-checkbox", function (e) {
		e.stopPropagation();
	});