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实现动态CSS换肤技术的脚本
Jun 29 Javascript
设置下载不需要倒计时cookie(倒计时代码)
Nov 19 Javascript
javascript AutoScroller 函数类
May 29 Javascript
Javascript学习笔记6 prototype的提出
Jan 11 Javascript
javascript + jquery实现定时修改文章标题
Mar 19 Javascript
jQuery实现的网页竖向菜单效果代码
Aug 26 Javascript
详解angular2封装material2对话框组件
Mar 03 Javascript
微信小程序实现验证码获取倒计时效果
Feb 08 Javascript
Element-ui table中过滤条件变更表格内容的方法
Mar 02 Javascript
Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结
Feb 11 Javascript
深入学习JavaScript 高阶函数
Jun 11 Javascript
JS手写一个自定义Promise操作示例
Mar 16 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
天使彦史上最神还原,性别曝光的那一刻,百万网友恋爱了
2020/03/02 国漫
php实现以只读方式打开文件的方法
2015/03/16 PHP
PHP实现中文圆形印章特效
2015/06/19 PHP
PHP编写RESTful接口
2016/02/23 PHP
PHP+sqlite数据库操作示例(创建/打开/插入/检索)
2016/05/26 PHP
PHP实现一维数组与二维数组去重功能示例
2018/05/24 PHP
js网页侧边随页面滚动广告效果实现
2011/04/14 Javascript
js判读浏览器是否支持html5的canvas的代码
2013/11/18 Javascript
JavaScript Array对象扩展indexOf()方法
2014/05/09 Javascript
理解jQuery stop()方法
2014/11/21 Javascript
jquery实现的3D旋转木马特效代码分享
2015/08/25 Javascript
jQuery添加删除DOM元素方法详解
2016/01/18 Javascript
手把手教你把nodejs部署到linux上跑出hello world
2017/06/19 NodeJs
jquery实现下拉菜单的手风琴效果
2017/07/23 jQuery
vue axios登录请求拦截器
2018/04/02 Javascript
angularJS1 url中携带参数的获取方法
2018/10/09 Javascript
详解webpack loader和plugin编写
2018/10/12 Javascript
浅谈JavaScript_DOM学习篇_图片切换小案例
2019/03/19 Javascript
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
2019/09/03 jQuery
vue中如何实现后台管理系统的权限控制的方法步骤
2019/09/05 Javascript
处理JavaScript值为undefined的7个小技巧
2020/07/28 Javascript
你不知道的 TypeScript 高级类型(小结)
2020/08/28 Javascript
vue使用canvas实现移动端手写签名
2020/09/22 Javascript
Python升级导致yum、pip报错的解决方法
2017/09/06 Python
详解TensorFlow在windows上安装与简单示例
2018/03/05 Python
使用pandas对两个dataframe进行join的实例
2018/06/08 Python
运用PyTorch动手搭建一个共享单车预测器
2019/08/06 Python
python matplotlib 绘图 和 dpi对应关系详解
2020/03/14 Python
完美解决ARIMA模型中plot_acf画不出图的问题
2020/06/04 Python
python不同系统中打开方法
2020/06/23 Python
AHAVA美国官方网站:死海海泥护肤品牌
2016/10/18 全球购物
美国护肤咨询及美容产品电商:Askderm
2017/02/24 全球购物
Gweniss格温妮丝女包官网:英国纯手工制造潮流包包品牌
2018/02/07 全球购物
英国电子专家:maplin
2019/09/04 全球购物
2015年建党94周年演讲稿
2015/03/19 职场文书
2015年民兵整组工作总结
2015/07/24 职场文书