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 相关文章推荐
Js 弹出框口并返回值的两种常用方法
Dec 30 Javascript
javascript制作loading动画效果 loading效果
Jan 14 Javascript
jquery实现的鼠标下拉滚动置顶效果
Jul 24 Javascript
Bootstrap模态框调用功能实现方法
Sep 19 Javascript
jQuery实现用户输入自动完成功能
Feb 13 Javascript
jQuery实现select下拉框获取当前选中文本、值、索引
May 08 jQuery
妙用Angularjs实现表格按指定列排序
Jun 23 Javascript
React Native时间转换格式工具类分享
Oct 24 Javascript
关于axios如何全局注册浅析
Jan 14 Javascript
Webpack 之 babel-loader文件预处理器详解
Mar 23 Javascript
使用Angular CLI从蓝本生成代码详解
Mar 24 Javascript
详解vue-cli项目开发/生产环境代理实现跨域请求
Jul 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中的时间处理
2006/10/09 PHP
PHP程序级守护进程的实现与优化的使用概述
2013/05/02 PHP
thinkphp中连接oracle时封装方法无法用的解决办法
2013/06/17 PHP
PHP常量使用的几个需要注意的地方(谨慎使用PHP中的常量)
2014/09/12 PHP
PHP中使用Memache作为进程锁的操作类分享
2015/03/30 PHP
php验证码实现代码(3种)
2015/09/07 PHP
PHP下载远程图片的几种方法总结
2017/04/07 PHP
php数组和链表的区别总结
2019/09/20 PHP
PHP设计模式之 策略模式Strategy详解【对象行为型】
2020/05/01 PHP
JavaScript 监听textarea中按键事件
2009/10/08 Javascript
20个非常棒的 jQuery 幻灯片插件和教程分享
2011/08/23 Javascript
js解析json读取List中的实体对象示例
2014/03/11 Javascript
node.js中的querystring.parse方法使用说明
2014/12/10 Javascript
使用JQuery在线制作ppt并在线演示源码特效
2015/09/08 Javascript
javascript 中的继承实例详解
2017/05/05 Javascript
JavaScript注册时密码强度校验代码
2017/06/30 Javascript
基于Bootstrap表单验证功能
2017/11/17 Javascript
在Vue组件上动态添加和删除属性方法
2018/02/23 Javascript
Vue-不允许嵌套式的渲染方法
2018/09/13 Javascript
[01:11:32]VG vs FNATIC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python常用web框架简单性能测试结果分享(包含django、flask、bottle、tornado)
2014/08/25 Python
python将文本转换成图片输出的方法
2015/04/28 Python
用Python编写生成树状结构的文件目录的脚本的教程
2015/05/04 Python
Python 2.x如何设置命令执行的超时时间实例
2017/10/19 Python
Python高级特性与几种函数的讲解
2019/03/08 Python
Django 1.10以上版本 url 配置注意事项详解
2019/08/05 Python
Python使用gluon/mxnet模块实现的mnist手写数字识别功能完整示例
2019/12/18 Python
浅谈matplotlib.pyplot与axes的关系
2020/03/06 Python
Python+Opencv实现把图片、视频互转的示例
2020/12/17 Python
史蒂夫·马登加拿大官网:Steve Madden加拿大
2017/11/18 全球购物
电子商务助理求职自荐信
2014/04/10 职场文书
企业诚信承诺书
2014/05/23 职场文书
学习焦裕禄同志为人民服务思想汇报
2014/09/10 职场文书
大国崛起观后感
2015/06/02 职场文书
解析CSS 提取图片主题色功能(小技巧)
2021/05/12 HTML / CSS
mybatis-plus模糊查询指定字段
2022/04/28 Java/Android