Layui Table js 模拟选中checkbox的例子


Posted in Javascript onSeptember 03, 2019

思路,根据 data-index 找到 点击到的tr,获取tr下的 div,js 模拟点击

function iniTable()
{
  layui.use('table', function(){
     var table = layui.table; 
     //展示已知数据
     table.render({
      elem: tableid
      ,cols: [[ //标题栏
        {type:'checkbox',id:'goodsLimitSeqNo'}
       , {field: 'goodsLimitSeqNo', title: '序号',event: 'setSign', width: 50}
       ,{field: 'licTypeCode', title: '许可证类别代码',event: 'setSign', width: 140}
       ,{field: 'licTypeName', title: '许可证类别名称', event: 'setSign',width: 250}
       ,{field: 'licenceNo', title: '许可证编号', event: 'setSign',width: 150}
       ,{field: 'licWrtofDetailNo', title: '核销货物序号', event: 'setSign',width: 150}
       ,{field: 'licWrtofQty', title: '核销数量', event: 'setSign',width:90}
      ]]
      ,data: []
      ,skin: 'line' //表格风格
      ,even: true
      
      //,page: true //是否显示分页
      //,limits: [5, 7, 10]
      //,limit: 5 //每页默认显示的数量
     });
      table.on('edit(goodslicencetable)', function(obj){
        var value = obj.value //得到修改后的值
        ,data = obj.data //得到所在行所有键值
        ,field = obj.field; //得到字段
        layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改为:'+ value);
       });
      table.on('checkbox(goodslicencetable)', function(obj){
        console.log(obj)
       });
      
      //监听单元格事件
      table.on('tool(goodslicencetable)', function(obj){
       var data = obj.data;
      // console.log(obj);
       if(obj.event == 'setSign'){
         $('#customGoodslicfrm').find("input[name='goodsLimitSeqNo']").val(data.goodsLimitSeqNo);
         $('#customGoodslicfrm').find("select[name='licTypeCode']").val(data.licTypeCode);
         $('#customGoodslicfrm').find("input[name='custom_combobox_input_licTypeCode']").val(data.licTypeCode+'-'+data.licTypeName);
         $('#customGoodslicfrm').find("input[name='licenceNo']").val(data.licenceNo);
         $('#customGoodslicfrm').find("input[name='licWrtofDetailNo']").val(data.licWrtofDetailNo);
         $('#customGoodslicfrm').find("input[name='licWrtofQty']").val(data.licWrtofQty);
         var index = data.goodsLimitSeqNo-1;
         var td = $('#goodslicencetable').next().find("tr[data-index='"+index+"'] div.layui-form-checkbox");           
         td.click();
      
       }
      });
      
      
    });
}
var td = $('#goodslicencetable').next().find("tr[data-index='"+index+"'] div.layui-form-checkbox");           
         td.click();

获取 目标 tr div ,模拟click。

以上这篇Layui Table js 模拟选中checkbox的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
初窥JQuery(一)jquery选择符 必备知识点
Nov 25 Javascript
js Html结构转字符串形式显示代码
Nov 15 Javascript
jQuery实现页面滚动时层智能浮动定位实例探讨
Mar 29 Javascript
在新窗口打开超链接的方法小结
Apr 14 Javascript
jQuery左右滚动支持图片放大缩略图图片轮播代码分享
Aug 26 Javascript
JS中frameset框架弹出层实例代码
Apr 01 Javascript
浅谈sass在vue注意的地方
Aug 10 Javascript
vue数字类型过滤器的示例代码
Sep 07 Javascript
react实现菜单权限控制的方法
Dec 11 Javascript
ES6 中可以提升幸福度的小功能
Aug 06 Javascript
vue+vuex+json-seiver实现数据展示+分页功能
Apr 11 Javascript
ES6学习笔记之let与const用法实例分析
Jan 22 Javascript
element ui分页多选,翻页记忆的实例
Sep 03 #Javascript
JavaScript创建、读取和删除cookie
Sep 03 #Javascript
利用d3.js实现蜂巢图表带动画效果
Sep 03 #Javascript
JS/CSS实现字符串单词首字母大写功能
Sep 03 #Javascript
layui 根据后台数据动态创建下拉框并同时默认选中的实例
Sep 02 #Javascript
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
Sep 02 #Javascript
layui表格分页 记录勾选的实例
Sep 02 #Javascript
You might like
数字转英文
2006/12/06 PHP
smarty中先strip_tags过滤html标签后truncate截取文章运用
2010/10/25 PHP
深入php常用函数的使用汇总
2013/06/08 PHP
怎样搭建PHP开发环境
2015/07/28 PHP
javascript 带有滚动条的表格,标题固定,带排序功能.
2009/11/13 Javascript
使用js的replace()方法查找字符示例代码
2013/10/28 Javascript
jquery选择器之基本过滤选择器详解
2014/01/27 Javascript
jQuery新的事件绑定机制on()示例应用
2014/07/18 Javascript
Json实现异步请求提交评论无需跳转其他页面
2014/10/11 Javascript
jQuery实现个性翻牌效果导航菜单的方法
2015/03/09 Javascript
JavaScript中的setMilliseconds()方法使用详解
2015/06/11 Javascript
JS实现网页上随机产生超链接地址的方法
2015/11/09 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
2015/12/08 Javascript
jQuery formValidator表单验证
2016/01/07 Javascript
JS根据生日月份和日期计算星座的简单实现方法
2016/11/24 Javascript
微信小程序 欢迎界面开发的实例详解
2016/11/30 Javascript
jquery.tableSort.js表格排序插件使用方法详解
2020/08/12 Javascript
详谈Angular 2+ 的表单(一)之模板驱动型表单
2017/04/25 Javascript
浅谈Vue render函数在ElementUi中的应用
2018/09/06 Javascript
150行Node.js实现的dns代理工具
2019/08/02 Javascript
小程序外卖订单界面的示例代码
2019/12/30 Javascript
基于Python3.6+splinter实现自动抢火车票
2018/09/25 Python
PyCharm配置mongo插件的方法
2018/11/30 Python
Python统计一个字符串中每个字符出现了多少次的方法【字符串转换为列表再统计】
2019/05/05 Python
python使用原始套接字发送二层包(链路层帧)的方法
2019/07/22 Python
pygame实现俄罗斯方块游戏(AI篇1)
2019/10/29 Python
Python创建一个元素都为0的列表实例
2019/11/28 Python
html5 canvas合成海报所遇问题及解决方案总结
2017/08/03 HTML / CSS
nohup的用法
2014/08/10 面试题
工商企业管理实习自我鉴定
2013/12/04 职场文书
网上开商店的创业计划书
2014/01/19 职场文书
关爱残疾人标语
2014/06/25 职场文书
优秀乡村医生先进事迹材料
2014/08/23 职场文书
九年级语文教学反思
2016/03/03 职场文书
Golang 使用Map实现去重与set的功能操作
2021/04/29 Golang
微信小程序实现拍照和相册选取图片
2021/05/09 Javascript