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 相关文章推荐
让插入到 innerHTML 中的 script 跑起来的实现代码
Jul 01 Javascript
JQuery模板插件 jquery.tmpl 动态ajax扩展
Nov 10 Javascript
如何使Chrome控制台支持多行js模式——意外发现
Jun 13 Javascript
jQuery阻止事件冒泡具体实现
Oct 11 Javascript
js统计录入文本框中字符的个数并加以限制不超过多少
May 23 Javascript
IE浏览器下PNG相关功能
Jul 05 Javascript
《JavaScript高级编程》学习笔记之object和array引用类型
Nov 01 Javascript
学习Angularjs分页指令
Jul 01 Javascript
JS实现DIV高度自适应窗口示例
Feb 16 Javascript
node.js中axios使用心得总结
Nov 29 Javascript
Auto.js自动收取自己和好友蚂蚁森林能量脚本
Jun 28 Javascript
详解javascript中的Error对象
Apr 25 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
咖啡是不是喝了会上瘾?咖啡是必须品吗!
2021/03/04 新手入门
PHP+MySQL5.0中文乱码解决方法
2006/11/20 PHP
phplock(php进程锁) v1.0 beta1
2009/11/24 PHP
PHP中异常处理的一些方法整理
2015/07/03 PHP
php实现给二维数组中所有一维数组添加值的方法
2017/02/04 PHP
PHP获取真实客户端的真实IP
2017/03/07 PHP
Yii框架创建cronjob定时任务的方法分析
2017/05/23 PHP
Yii2框架类自动加载机制实例分析
2018/05/02 PHP
基于Jquery的开发个代阴影的对话框效果代码
2011/07/28 Javascript
使用js判断数组中是否包含某一元素(类似于php中的in_array())
2013/12/12 Javascript
jQuery对Select的操作大集合(收藏)
2013/12/28 Javascript
多选列表框动态添加,移动,删除,全选等操作的简单实例
2014/01/13 Javascript
jquery操作select详解(取值,设置选中)
2014/02/07 Javascript
JavaScript中的公有、私有、特权和静态成员用法分析
2014/11/20 Javascript
jquery实现倒计时功能
2015/12/28 Javascript
Javascript 闭包详解及实例代码
2016/11/30 Javascript
Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)
2017/09/14 Javascript
layui--js控制switch的切换方法
2019/09/03 Javascript
JavaScript canvas绘制折线图
2020/02/18 Javascript
JS 设计模式之:单例模式定义与实现方法浅析
2020/05/06 Javascript
vue接口请求加密实例
2020/08/11 Javascript
Python help()函数用法详解
2014/03/11 Python
Python使用scrapy爬取阳光热线问政平台过程解析
2019/08/14 Python
python 经典数字滤波实例
2019/12/16 Python
用Python绘制漫步图实例讲解
2020/02/26 Python
Python模块zipfile原理及使用方法详解
2020/08/04 Python
selenium判断元素是否存在的两种方法小结
2020/12/07 Python
举例讲解Python装饰器
2020/12/24 Python
纽约和芝加哥当天送花:Ode à la Rose
2019/07/05 全球购物
毕业生的自我鉴定该怎么写
2013/12/02 职场文书
四年级数学教学反思
2014/02/02 职场文书
2014副局长群众路线对照检查材料思想汇报
2014/09/22 职场文书
工程合作意向书范本
2015/05/09 职场文书
2015年妇委会工作总结
2015/05/22 职场文书
使用redis生成唯一编号及原理示例详解
2021/09/15 Redis
JS中forEach()、map()、every()、some()和filter()的用法
2022/05/11 Javascript