layui table合并单元格后的checkbox

最新推荐文章于 2023-03-10 09:50:07 发布

SinceWhenLose

最新推荐文章于 2023-03-10 09:50:07 发布

阅读量1.1k

点赞数 1

分类专栏： layui

本文链接：https://blog.csdn.net/qq_39307991/article/details/103418190

版权

layui 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

layui table合并单元格后的checkbox

点击checkbox因为业务需要，需得到合并的数据但是table.checkStatus(‘grid’)得的到只有选中的一行所以只好通过js动态改变每行的checkbox`

 table.on('checkbox(grid)', function(obj){
            var checked=obj.checked; //当前是否选中状态
            var  data=obj.data; //选中行的相关数据
            var  type=obj.type; //如果触发的是全选，则为：all，如果触发的是单选，则为：one
            var freightno=data.freightno;
            var tableData = table.cache["grid"];//得到当前table所有数据
            if(type=='one'){
                if(checked){
                    for (var i=0;i<tableData.length;i++){
                        if(freightno==tableData[i].freightno){
                            var index=tableData[i].LAY_TABLE_INDEX;//得到layui标记序号
                            tableData[i]. LAY_CHECKED= true;//不赋值这个  table.checkStatus('grid')得不到数据
                            $('tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);
                            $('tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked');
                        }
                    }
                }else {
                   for (var i=0;i<tableData.length;i++){
                        if(freightno==tableData[i].freightno){
                            var index=tableData[i].LAY_TABLE_INDEX;
                            tableData[i]. LAY_CHECKED= false;
                            $('tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', false);
                            $('tr[data-index=' + index + '] input[type="checkbox"]').next().removeClass('layui-form-checked');
                        }
                    }
                }
            }
        })；