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 相关文章推荐
从父页面读取和操作iframe中内容方法
Jul 25 Javascript
juqery 学习之四 筛选查找
Nov 30 Javascript
extjs两个tbar问题探讨
Aug 08 Javascript
了不起的node.js读书笔记之node的学习总结
Dec 22 Javascript
如何编写高质量JS代码(续)
Feb 25 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
Dec 02 Javascript
使用ionic在首页新闻中应用到的跑马灯效果的实现方法
Feb 13 Javascript
Three.js 再探 - 写一个微信跳一跳极简版游戏
Jan 04 Javascript
vue axios请求超时的正确处理方法
Apr 02 Javascript
element vue Array数组和Map对象的添加与删除操作
Nov 14 Javascript
JavaScript实现单英文金山打字通
Jul 24 Javascript
vue 封装 Adminlte3组件的实现
Mar 18 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
判“新”函数:得到今天与明天的秒数
2006/10/09 PHP
PHP内核探索:变量概述
2014/01/30 PHP
php文件下载处理方法分析
2015/04/22 PHP
非常漂亮的JS代码经典广告
2007/10/21 Javascript
jQuery 技巧大全(新手入门篇)
2009/05/12 Javascript
基于jquery的仿百度的鼠标移入图片抖动效果
2010/09/17 Javascript
javascript 事件处理程序介绍
2012/06/27 Javascript
jCallout 轻松实现气泡提示功能
2013/09/22 Javascript
清除div下面的所有标签的方法
2014/02/17 Javascript
30个经典的jQuery代码开发技巧
2014/12/15 Javascript
jQuery绑定自定义事件的魔法升级版
2016/06/30 Javascript
详解Angular2中Input和Output用法及示例
2017/05/21 Javascript
express框架实现基于Websocket建立的简易聊天室
2017/08/10 Javascript
js实现会跳动的日历效果(完整实例)
2017/10/18 Javascript
jquery.param()实现数组或对象的序列化方法
2018/10/08 jQuery
BootStrap modal实现拖拽功能
2018/12/01 Javascript
JS实现继承的几种常用方式示例
2019/06/22 Javascript
js实现一款简单踩白块小游戏(曾经很火)
2019/12/02 Javascript
基于node+vue实现简单的WebSocket聊天功能
2020/02/01 Javascript
[03:24][TI9纪实] Dota奶爸
2019/08/22 DOTA
python单例模式实例分析
2015/04/08 Python
Django发送html邮件的方法
2015/05/26 Python
Python简单操作sqlite3的方法示例
2017/03/22 Python
基于python实现在excel中读取与生成随机数写入excel中
2018/01/04 Python
pytorch中的embedding词向量的使用方法
2019/08/18 Python
用Pelican搭建一个极简静态博客系统过程解析
2019/08/22 Python
解决python 文本过滤和清理问题
2019/08/28 Python
Opencv求取连通区域重心实例
2020/06/04 Python
python破解同事的压缩包密码
2020/10/14 Python
俄罗斯披萨、寿司和面食送货到家服务:2 Берега
2019/12/15 全球购物
出生证明公证书
2014/04/09 职场文书
冬季施工防火方案
2014/05/17 职场文书
群众路线四风问题整改措施
2014/09/27 职场文书
银行竞聘报告范文
2014/11/06 职场文书
优秀教师先进材料
2014/12/16 职场文书
浅析python中特殊文件和特殊函数
2022/02/24 Python