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 相关文章推荐
为Extjs加加速(javascript加速)
Aug 19 Javascript
可简单避免的三个JS发布错误的详细介绍
Aug 02 Javascript
JavaScript数据类型检测代码分享
Jan 26 Javascript
js实现文字截断功能
Sep 14 Javascript
JS中位置与大小的获取方法
Nov 22 Javascript
原生js轮播(仿慕课网)
Feb 15 Javascript
微信小程序三级联动地址选择器的实例代码
Jul 12 Javascript
Popup弹出框添加数据实现方法
Oct 27 Javascript
Vue使用watch监听一个对象中的属性的实现方法
May 10 Javascript
Javascript Web Worker使用过程解析
Mar 16 Javascript
js获取url页面id,也就是最后的数字文件名
Sep 25 Javascript
详细谈谈JavaScript中循环之间的差异
Aug 23 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
php控制linux服务器常用功能 关机 重启 开新站点等
2012/09/05 PHP
php生成随机密码自定义函数代码(简单快速)
2014/05/10 PHP
PHP与MYSQL中UTF8编码的中文排序实例
2014/10/21 PHP
图文详解PHP环境搭建教程
2016/07/16 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
PHP生成随机数的方法总结
2018/03/01 PHP
javascript ajax 仿百度分页函数
2013/10/29 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
2014/10/16 Javascript
node.js中的buffer.toJSON方法使用说明
2014/12/14 Javascript
Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
2015/12/30 Javascript
JavaScript学习笔记整理之引用类型
2016/01/22 Javascript
jquery.validate提示错误信息位置方法
2016/01/22 Javascript
js print打印网页指定区域内容的简单实例
2016/11/01 Javascript
微信小程序日期时间选择器使用方法
2018/02/01 Javascript
React BootStrap用户体验框架快速上手
2018/03/06 Javascript
Javascript迭代、递推、穷举、递归常用算法实例讲解
2019/02/01 Javascript
TypeScript类型声明书写详解
2019/08/28 Javascript
详解JavaScript修改注册表的方法
2020/01/05 Javascript
vant picker+popup 自定义三级联动案例
2020/11/04 Javascript
vue监听滚动事件的方法
2020/12/21 Vue.js
[01:03]DOTA2新的征程 你的脚印值得踏上
2014/08/13 DOTA
简单介绍Python的Tornado框架中的协程异步实现原理
2015/04/23 Python
python避免死锁方法实例分析
2015/06/04 Python
Python项目 基于Scapy实现SYN泛洪攻击的方法
2019/07/23 Python
Spring Boot中使用IntelliJ IDEA插件EasyCode一键生成代码详细方法
2020/03/20 Python
浅析关于Keras的安装(pycharm)和初步理解
2020/10/23 Python
纯CSS3实现自定义Tooltip边框涂鸦风格的教程
2014/11/05 HTML / CSS
将SVG图引入到HTML页面的实现
2019/09/20 HTML / CSS
Algenist奥杰尼官网:微藻抗衰老护肤品牌
2017/07/15 全球购物
《草原》教学反思
2014/02/15 职场文书
音乐兴趣小组活动总结
2014/07/07 职场文书
幼儿园八一建军节活动方案
2014/08/27 职场文书
2014幼儿园保育员工作总结
2014/11/10 职场文书
先进典型事迹材料
2014/12/29 职场文书
2016年班主任培训心得体会
2016/01/07 职场文书
Java实现学生管理系统(IO版)
2022/02/24 Java/Android