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正则表达式(手机号码/IP正则/邮编正则/电话等)
Jan 11 Javascript
JQuery获取或设置ckeditor的数据(示例代码)
Nov 15 Javascript
JS 获取鼠标左右键的键值方法
Oct 11 Javascript
JS加载iFrame出现空白问题的解决办法
May 13 Javascript
JavaScript重载函数实例剖析
May 13 Javascript
AngularJS中的API(接口)简单实现
Jul 28 Javascript
React-Native实现ListView组件之上拉刷新实例(iOS和Android通用)
Jul 11 Javascript
Vue框架中正确引入JS库的方法介绍
Jul 30 Javascript
es6 symbol的实现方法示例
Apr 02 Javascript
vue实现Input输入框模糊查询方法
Jan 29 Javascript
Jquery Fade用法详解
Nov 06 jQuery
vue使用过滤器格式化日期
Jan 20 Vue.js
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数组函数序列 之array_count_values() 统计数组中所有值出现的次数函数
2011/10/29 PHP
php数组函数序列之array_unshift() 在数组开头插入一个或多个元素
2011/11/07 PHP
php文件服务实现虚拟挂载其他目录示例
2014/04/17 PHP
jquery ui dialog ie8出现滚动条的解决方法
2010/12/06 Javascript
使用UglifyJS合并/压缩JavaScript的方法
2012/03/07 Javascript
JQuery 在线引用及测试引用是否成功
2014/06/24 Javascript
jQuery ui实现动感的圆角渐变网站导航菜单效果代码
2015/08/26 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)
2015/11/18 Javascript
【JS+CSS3】实现带预览图幻灯片效果的示例代码
2016/03/17 Javascript
jQuery文件上传控件 Uploadify 详解
2016/06/20 Javascript
JS实现鼠标框选效果完整实例
2016/06/20 Javascript
js复制内容到剪贴板代码,js复制代码的简单实例
2016/10/27 Javascript
js 判断数据类型的几种方法
2017/01/13 Javascript
微信小程序 详解页面跳转与返回并回传数据
2017/02/13 Javascript
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
2017/05/15 jQuery
深究AngularJS中ng-drag、ng-drop的用法
2017/06/12 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
2017/08/12 Javascript
vue.js使用v-if实现显示与隐藏功能示例
2018/07/06 Javascript
微信小程序常用赋值方法小结
2019/04/30 Javascript
nodejs dgram模块广播+组播的实现示例
2019/11/04 NodeJs
如何优雅地在Node应用中进行错误异常处理
2019/11/25 Javascript
[03:36]2014DOTA2 TI小组赛综述 八强诞生进军钥匙球馆
2014/07/15 DOTA
Windows下实现Python2和Python3两个版共存的方法
2015/06/12 Python
Python文件与文件夹常见基本操作总结
2016/09/19 Python
Sanic框架配置操作分析
2018/07/17 Python
numpy的Fancy Indexing和array比较详解
2020/06/11 Python
Django与AJAX实现网页动态数据显示的示例代码
2021/02/24 Python
Myprotein瑞典官方网站:畅销欧洲英国运动营养品牌
2018/01/22 全球购物
英国最大的香水商店:The Fragrance Shop
2018/07/06 全球购物
某公司C#程序员面试题笔试题
2014/05/26 面试题
最新大学职业规划书范文
2013/12/30 职场文书
打架检讨书50字
2014/01/11 职场文书
初中信息技术教学计划
2015/01/22 职场文书
2019年入党思想汇报格式与要求
2019/06/25 职场文书
MySQL读取JSON转换的方式
2022/03/18 MySQL
centos环境下nginx高可用集群的搭建指南
2022/07/23 Servers