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 相关文章推荐
修改发贴的编辑功能
Mar 07 Javascript
js获取图片长和宽度的代码
Nov 24 Javascript
jQuery 添加/移除CSS类实现代码
Feb 11 Javascript
jQuery控制输入框只能输入数值的小例子
Mar 20 Javascript
文本有关的样式和jQuery求对象的高宽问题分别说明
Aug 30 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
Sep 13 Javascript
JS实现超简单的汉字转拼音功能示例
Dec 22 Javascript
Vue组件开发初探
Feb 14 Javascript
js实现拖拽功能
Mar 01 Javascript
基于Vue2.0+ElementUI实现表格翻页功能
Oct 23 Javascript
微信小程序swiper实现滑动放大缩小效果
Nov 15 Javascript
webpack常用构建优化策略小结
Nov 21 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
phpfans留言版用到的install.php
2007/01/04 PHP
基于Zend的Captcha机制的应用
2013/05/02 PHP
PHP实现使用优酷土豆视频地址获取swf播放器分享地址
2014/06/05 PHP
Yii2简单实现多语言配置的方法
2016/07/23 PHP
PHP用PDO如何封装简单易用的DB类详解
2017/07/30 PHP
javascript放大镜效果的简单实现
2013/12/09 Javascript
页面元素绑定jquery toggle后元素隐藏的解决方法
2014/03/27 Javascript
JS+CSS实现的拖动分页效果实例
2015/05/11 Javascript
将List对象列表转换成JSON格式的类实现方法
2016/07/04 Javascript
node.js Sequelize实现单实例字段或批量自增、自减
2016/12/08 Javascript
jQuery插件zTree实现单独选中根节点中第一个节点示例
2017/03/08 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
2017/03/08 Javascript
如何检查一个对象是否为空
2019/04/11 Javascript
JavaScript展开操作符(Spread operator)详解
2019/07/20 Javascript
在Vue中创建可重用的 Transition的方法
2020/06/02 Javascript
[46:47]完美世界DOTA2联赛PWL S2 FTD vs Magma 第二场 11.20
2020/11/23 DOTA
以Flask为例讲解Python的框架的使用方法
2015/04/29 Python
在Python中操作时间之tzset()方法的使用教程
2015/05/22 Python
Python的Flask框架应用程序实现使用QQ账号登录的方法
2016/06/07 Python
Python中一般处理中文的几种方法
2019/03/06 Python
django的settings中设置中文支持的实现
2019/04/28 Python
python手机号前7位归属地爬虫代码实例
2020/03/31 Python
13个Pandas实用技巧,助你提高开发效率
2020/08/19 Python
Python创建自己的加密货币的示例
2021/03/01 Python
CSS3新属性transition-property transform box-shadow实例学习
2013/06/06 HTML / CSS
纯CSS3制作漂亮带动画效果的主机价格表
2015/04/25 HTML / CSS
阿迪达斯新加坡官方网站:adidas新加坡
2019/12/06 全球购物
分解成质因数(如435234=251*17*17*3*2,据说是华为笔试题)
2014/07/16 面试题
年终考核评语
2014/01/19 职场文书
英语系本科生求职信
2014/07/15 职场文书
群众路线自我剖析材料
2014/10/08 职场文书
授权收款委托书范本
2014/10/10 职场文书
Redis持久化与主从复制的实践
2021/04/27 Redis
Python List remove()实例用法详解
2021/08/02 Python
Netty分布式客户端处理接入事件handle源码解析
2022/03/25 Java/Android
vue如何实现关闭对话框后刷新列表
2022/04/08 Vue.js