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();});

原文地址:https://www.cnblogs.com/wdd-cindy/p/9829102.html

时间: 2024-11-05 18:47:18

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

ExtJS4.2 Grid知识点五:多选行(可以点击行选中记录与只能点击多选框选中记录)

本节主要学习ExtJS4.2 Grid多选行知识,示例图片: 在线演示  /  示例代码 主要内容如下: 可以点击行选中记录与只能点击多选框选中记录 选中Grid中数据加载到Form 获取Grid中多行数据,生成JSON格式 1.可以点击行来选中记录,此时多选Grid只需要配置selType: 'checkboxmodel',此时有一个缺陷,当你通过多选框勾选多条记录时,如果不小心点击某行,则当前点击行被选中,其它选中的记录行都被取消选择了. 2.只能点击多选框选中记录,此时多选Grid需要配置

miniui 给表格行添加监听事件的几种方法以及点击某列列名数据不能排序的问题

最近在使用miniui框架做开发,在做表格行的点击监听事件中发现了几个属性,都可以起到监听效果但是执行的结果却大有不同.好了废话不多说,直接上代码. <div id="pageGrid" class="mini-datagrid" style="width: 100%; height: 100%; border:0;" url="${ctx}/tAXINFO/queryRepeat" autoload="tru

杂记c-----小写金额转化成大写数字;点击表格table时,当前被点击的tr行变色,其它行不变色;input隐藏显示

public string chang(string money) { //将小写金额转换成大写金额 double MyNumber = Convert.ToDouble(money); String[] MyScale = { "分", "角", "元", "拾", "佰", "仟", "万", "拾", "佰", "

dojo中表格行隐藏出错

1.错误描述 TypeError:role._by_idx[e.rowIndex].hide is not a function           (54 out of range 3) 2.错误原因 3.解决办法 dojo中表格行隐藏出错,布布扣,bubuko.com

在Bootstrap开发框架中使用dataTable直接录入表格行数据(2)--- 控件数据源绑定

在前面随笔<在Bootstrap开发框架中使用dataTable直接录入表格行数据>中介绍了在Web页面中使用Jquery DataTable插件进行对数据直接录入操作,这种处理能够给用户提供较好的数据录入体验,本篇继续上篇的内容,继续介绍这个直接录入的处理操作,主要涉及到控件的初始化和数据源的绑定等操作内容,随着对这个处理的深入了解,我发现可以控制的内容也更加丰富,能够更好的实现各种所需的效果. 1.直接录入数据的界面分析 在之前介绍的数据直接录入处理的时候,界面效果如下所示. 上面的界面处

element-ui 复选框,实现点击表格当前行选中或取消

背景: 1.表格结构绑定事件 <el-table v-loading="StepsListLoading" :data="StepsListData" border @row-click="StepsListRowClick" :show-header="hiddenTableHeader" > 2.定义复选框结构 <el-table-column> <template slot-scope=&q

JS组件系列——Bootstrap Table 表格行拖拽

原文:JS组件系列--Bootstrap Table 表格行拖拽 前言:之前一直在研究DDD相关知识,好久没更新JS系列文章了.这两天做了一个简单的业务需求,觉得效果还可以,今天在这里分享给大家,欢迎拍砖~~ 一.业务需求及实现效果 项目涉及到订单模块,那天突然接到一个需求,说是两种不同状态的订单之间要实现插单的效果,页面上呈现方式是:左右两个Table,左边Table里面是状态为1的订单,右边Table里面是状态为2订单,左边Table里面的行数据拖动到右边Table里面指定行的位置,拖动完成

easyui的datagrid组件,如何设置点击某行不会高亮该行的方式

easyui的datagrid组件,有些时候我们点击某行不想高亮显示,如何设置点击某行不会高亮该行的方式,有好几种方法可以实现我举几个可以根据你具体需求灵活应用: 1.修改easyui的css将高亮颜色跟背景颜色一样(简单,但是比较笨) 2. 在onClickCell事件里clearSelections一下相当于不允许用户选择. 3. onSelect事件里unselectRow一下. 4. 在renderRow中判断当前行被选中,设置背景色跟表格背景一样.

如何点击隐藏和显示一个div

如何点击隐藏和显示一个div: 在很多时候有这样的需求,那就是点击显示一个div,再点击就会隐藏显示的div.例如在网站后台添加文章的时候,有时候会根据用户的需要选择是否添加额外的信息.下面就简单介绍一下如何实现此种效果. 实现点击隐藏和显示div的方法有多种,下面就介绍一下比较常用的一种: 使用toggle()方法实现div的隐藏隐藏和显示,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" ut