layui点击行选中复选框和单选框
所属分类: UI框架 2021-10-21 15:23:32 编辑:admin 浏览次数 478 次
话不多说上代码:选中复选框
$(document).on("click", ".layui-table-body table.layui-table tbody tr", function () {
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();
}
});
//对td的单击事件进行拦截停止,防止事件冒泡再次触发上述的单击事件(Table的单击行事件不会拦截,依然有效)
$(document).on("click", "td div.laytable-cell-checkbox div.layui-form-checkbox", function (e) {
e.stopPropagation();
});
选中单选框
layui.table.on('row(Table_Filter)', function (obj) { //选中行样式
obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click'); //选中radio样式
obj.tr.find('i[class="layui-anim layui-icon"]').trigger("click");
});
猜你喜欢
- layui弹窗父子窗口之间传参数的方法 2019-01-29
- layui常见错误:Table modules: Did not match to field 2020-12-28
- 表单的验证,当验证制定为 lay-verify 时 但不为必填项 提交表单时一样提示 如何添加 2021-05-19
- layui父传子和子传父 2021-05-20
- layui的复选框和单选框清空 2021-05-24
- layui解决table嵌入表单时不能展开的问题 2021-06-01