Layui数据表格监听行事件

最新推荐文章于 2025-05-09 13:56:05 发布

778.

最新推荐文章于 2025-05-09 13:56:05 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： MVC

本文链接：https://blog.youkuaiyun.com/weixin_44546554/article/details/95043670

本文介绍了如何在layui数据表格中监听行点击事件，无论是使用单选框还是复选框。当表格初始化为单选模式时，可以通过触发`layui-form-radio`类的点击事件来模拟行点击；而在复选模式下，则需触发`layui-form-checkbox`类的点击事件。示例代码展示了如何获取表格ID，定义回调函数，以及定位到具体的div和复选框元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一．在layui数据表格里可以用单选框监听也可以用复选框监听行点击事件，如果它的layui初始化表里用的是{ type: ‘radio’, title: ‘选’ }，则：

obj.tr.find(‘div.layui-unselect.layui-form-radio’)[1].click();
在这里插入图片描述

{ type: ‘checkbox’,title: ‘选’ }，则：

obj.tr.find(‘div.layui-unselect.layui-form-checkbox’)[1].click();
在这里插入图片描述

创建一个table实例最简单的方式是，在页面放置一个元素

，然后通过 table.render() 方法指定该容器，如下所示
在这里插入图片描述

下面是对应的Html代码部分：表格

     <div class="row" style="padding:0px 10px;">

        <div class="col-12">

            <table id="tabExecute" lay-filter="tabExecute"></table>

        </div>

</div>

首先是

获取