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 相关文章推荐
javascript 拖放效果实现代码
Jan 22 Javascript
JQuery中使文本框获得焦点的方法实例分析
Feb 28 Javascript
JavaScript观察者模式(经典)
Dec 09 Javascript
javascript弹性运动效果简单实现方法
Jan 08 Javascript
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
May 17 Javascript
逻辑表达式中与或非的用法详解
Jun 06 Javascript
基于JavaScript实现单选框下拉菜单添加文件效果
Jun 26 Javascript
JS实现线性表的链式表示方法示例【经典数据结构】
Apr 11 Javascript
ajax+node+request爬取网络图片的实例(宅男福利)
Aug 28 Javascript
如何选择适合你的JavaScript框架
Nov 20 Javascript
vue源码入口文件分析(推荐)
Jan 30 Javascript
JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法完整实例
Dec 14 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 swoole process的使用方法
2017/08/26 PHP
JavaScript 类型的包装对象(Typed Wrappers)
2011/10/27 Javascript
jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)
2013/01/23 Javascript
jquery实现文字由下到上循环滚动的实例代码
2013/08/09 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
2013/09/06 Javascript
Javascript 调用 ActionScript 的简单方法
2016/09/22 Javascript
express文件上传中间件Multer详解
2016/10/24 Javascript
EasyUI 结合JS导出Excel文件的实现方法
2016/11/10 Javascript
jQuery常用选择器详解
2017/07/17 jQuery
Node.js  事件循环详解及实例
2017/08/06 Javascript
浅谈angularJS的$watch失效问题的解决方案
2017/08/11 Javascript
vue2.0 自定义 饼状图 (Echarts)组件的方法
2018/03/02 Javascript
node将geojson转shp返回给前端的实现方法
2019/05/29 Javascript
vue + axios get下载文件功能
2019/09/25 Javascript
javascript实现简易的计算器
2020/01/17 Javascript
jQuery实现朋友圈查看图片
2020/09/11 jQuery
Vue自定义表单内容检查rules实例
2020/10/30 Javascript
JS实现点击掉落特效
2021/01/29 Javascript
[01:02:00]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第三场 1月24日
2021/03/11 DOTA
日常整理python执行系统命令的常见方法(全)
2015/10/22 Python
python opencv实现切变换 不裁减图片
2018/07/26 Python
Python线程同步的实现代码
2018/10/03 Python
对python 多个分隔符split 的实例详解
2018/12/20 Python
pycharm第三方库安装失败的问题及解决经验分享
2020/05/09 Python
SheIn沙特阿拉伯:女装在线
2020/03/23 全球购物
介绍下java.util.Arrays类
2012/10/16 面试题
公司接待方案
2014/03/08 职场文书
2014年教师节寄语
2014/08/11 职场文书
四风问题自查自纠工作情况报告
2014/10/28 职场文书
2015年六一儿童节活动总结
2015/02/11 职场文书
音乐教师求职信范文
2015/03/20 职场文书
2016年优秀党员教师先进事迹材料
2016/02/29 职场文书
2019年特色火锅店的创业计划书模板
2019/08/28 职场文书
python自动化之如何利用allure生成测试报告
2021/05/02 Python
分析JVM源码之Thread.interrupt系统级别线程打断
2021/06/29 Java/Android
CSS 使用 resize 实现图片拖拽切换预览功能(强大功能)
2021/08/23 HTML / CSS