layerui中如何点击表格行让复选选中并可以监听到复选框选中这个事件。

Posted 努力才会进步

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layerui中如何点击表格行让复选选中并可以监听到复选框选中这个事件。相关的知识,希望对你有一定的参考价值。

$(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");
var dataIndex = $(this).attr("data-index");
if($(this).parents(".layui-table-fixed").length>0){
if(checkbox.length!=0){
if(tag == ‘DIV‘) {
checkbox.click();
}
}
}else{
var checkbox1=$(this).parents(".layui-table-body").next().find(".layui-table-body table.layui-table tbody tr[data-index="+dataIndex+"]").find("td div.laytable-cell-checkbox div.layui-form-checkbox I");;
if(checkbox1.length!=0){
if(tag == ‘DIV‘) {
checkbox1.click();
}
}
}
});

$(document).on("click","td div.laytable-cell-checkbox div.layui-form-checkbox",function(e){
e.stopPropagation();
});

以上是关于layerui中如何点击表格行让复选选中并可以监听到复选框选中这个事件。的主要内容,如果未能解决你的问题,请参考以下文章

单击表格行时如何避免选中复选框

在vue中用了elemen插件,怎么让复选改为单选

layui数据表格批量删除

如果提交表单时未选中复选框,如何将布尔值更新为 0

Angular2如何获取所有选中的复选框

使用 jQuery 选中表格中的所有复选框