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 性能优化指南 (1)
May 21 Javascript
JQuery悬停控制图片轮播——代码简单
Aug 05 Javascript
js右下角弹出提示框示例代码
Jan 12 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
May 26 Javascript
JS简单实现点击按钮或文字显示遮罩层的方法
Apr 27 Javascript
JavaScript实现时间表动态效果
Jul 15 Javascript
vue 粒子特效的示例代码
Sep 19 Javascript
node.js基于socket.io快速实现一个实时通讯应用
Apr 23 Javascript
浅入深出Vue之组件使用
Jul 11 Javascript
node.js使用fs读取文件出错的解决方案
Oct 23 Javascript
从表单校验看JavaScript策略模式的使用详解
Oct 17 Javascript
vue 使用localstorage实现面包屑的操作
Nov 16 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简洁函数(PHP简单明了函数语法)
2012/06/10 PHP
php中配置文件操作 如config.php文件的读取修改等操作
2012/07/07 PHP
PHP写的资源下载防盗链类分享
2014/05/12 PHP
PHPExcel实现表格导出功能示例【带有多个工作sheet】
2018/06/13 PHP
JS模拟多线程
2007/02/07 Javascript
一些mootools的学习资源
2010/02/07 Javascript
JavaScript 学习笔记二 字符串拼接
2010/03/28 Javascript
基于Asp.net与Javascript控制的日期控件
2010/05/22 Javascript
Extjs显示从数据库取出时间转换JSON后的出现问题
2012/11/20 Javascript
Javascript 浮点运算精度问题分析与解决
2014/03/26 Javascript
学习JavaScript设计模式(代理模式)
2015/12/03 Javascript
[原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
2016/04/14 Javascript
JS对大量数据进行多重过滤的方法
2016/11/04 Javascript
Angularjs中使用指令绑定点击事件的方法
2017/03/30 Javascript
Javascript中将变量转换为字符串的三种方法
2017/09/19 Javascript
vue - vue.config.js中devServer配置方式
2019/10/30 Javascript
利用Python找出序列中出现最多的元素示例代码
2017/12/08 Python
Python操作Redis之设置key的过期时间实例代码
2018/01/25 Python
基于scrapy的redis安装和配置方法
2018/06/13 Python
win10环境下配置vscode python开发环境的教程详解
2019/10/16 Python
详解Python中字符串前“b”,“r”,“u”,“f”的作用
2019/12/18 Python
Python基于read(size)方法读取超大文件
2020/03/12 Python
css3背景_动力节点Java学院整理
2017/07/11 HTML / CSS
纯CSS3实现漂亮的input输入框动画样式库(Text input love)
2018/12/29 HTML / CSS
HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
2013/01/31 HTML / CSS
澳大利亚领先的女性运动服品牌:Lorna Jane
2020/06/19 全球购物
师范毕业生自荐信
2013/10/17 职场文书
工程力学硕士生的自我评价范文
2013/11/16 职场文书
门卫岗位安全职责
2013/12/13 职场文书
名企HR怎样看待求职信
2014/02/23 职场文书
网站美工岗位职责
2014/04/02 职场文书
社会稳定风险评估方案
2014/06/02 职场文书
高中历史教学反思
2016/02/19 职场文书
Python一些基本的图像操作和处理总结
2021/06/23 Python
Unicode中的CJK(中日韩统一表意文字)字符小结
2021/12/06 HTML / CSS
Anaconda安装pytorch和paddle的方法步骤
2022/04/03 Python