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 相关文章推荐
js前台分页显示后端JAVA数据响应
Mar 18 Javascript
jquery批量设置属性readonly和disabled的方法
Jan 24 Javascript
js实现鼠标感应向下滑动隐藏菜单的方法
Feb 20 Javascript
jQuery中的一些小技巧
Jan 18 Javascript
JavaScript使用Ajax上传文件的示例代码
Aug 10 Javascript
快速解决brew安装特定版本flow的问题
May 17 Javascript
JS中‘hello’与new String(‘hello’)引出的问题详解
Aug 14 Javascript
详解小程序如何改变onLoad的执行时机
Nov 01 Javascript
微信小程序实现音乐播放器
Nov 20 Javascript
jQuery 判断元素是否存在然后按需加载内容的实现代码
Jan 16 jQuery
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
May 08 Javascript
使用javascript解析二维码的三种方式
Nov 11 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编码规范之注释和文件结构说明
2010/07/09 PHP
PHP 文件编程综合案例-文件上传的实现
2013/07/03 PHP
php创建session的方法实例详解
2015/01/27 PHP
php 解析xml 的四种方法详细介绍
2016/10/26 PHP
PHP示例演示发送邮件给某个邮箱
2019/04/03 PHP
jQuery 行背景颜色的交替显示(隔行变色)实现代码
2009/12/13 Javascript
经典海量jQuery插件 大家可以收藏一下
2010/02/07 Javascript
javascript中自定义对象的属性方法分享
2013/07/12 Javascript
jquery如何通过name名称获取当前name的value值
2013/12/20 Javascript
在Ubuntu系统上安装Node.JS的教程
2015/10/15 Javascript
JavaScript实现页面跳转的方式汇总
2016/05/16 Javascript
jQuery简单动画变换效果实例分析
2016/07/04 Javascript
javascript获取网页各种高宽及位置的方法总结
2016/07/27 Javascript
javascript cookie用法基础教程(概念,设置,读取及删除)
2016/09/20 Javascript
Bootstrap输入框组件简单实现代码
2017/03/06 Javascript
AngularJS ionic手势事件的使用总结
2017/08/09 Javascript
vue2.0s中eventBus实现兄弟组件通信的示例代码
2017/10/25 Javascript
Vue的事件响应式进度条组件实例详解
2018/02/04 Javascript
vue axios请求超时的正确处理方法
2018/04/02 Javascript
Async/Await替代Promise的6个理由
2019/06/15 Javascript
深入学习python的yield和generator
2016/03/10 Python
python解析多层json操作示例
2019/12/30 Python
python itsdangerous模块的具体使用方法
2020/02/17 Python
Django+Uwsgi+Nginx如何实现生产环境部署
2020/07/31 Python
H5离线存储Manifest原理及使用
2020/04/28 HTML / CSS
美国便宜的横幅和标志印刷在线:Best of Signs
2019/05/29 全球购物
美国宠物护理专家:Revival Animal Health
2020/01/05 全球购物
EJB的角色和三个对象
2015/12/31 面试题
文秘自荐信
2013/10/20 职场文书
财务部副经理岗位职责范本
2014/06/17 职场文书
奉献家乡演讲稿
2014/09/13 职场文书
师德师风剖析材料
2014/09/30 职场文书
中学生旷课检讨书模板
2014/10/08 职场文书
撤诉申请书法院范本
2015/05/18 职场文书
2016预备党员培训心得体会
2016/01/08 职场文书
Python 游戏大作炫酷机甲闯关游戏爆肝数千行代码实现案例进阶
2021/10/16 Python