layui复选框,设置部分可选

最新推荐文章于 2024-09-26 16:43:06 发布

小白他表哥

最新推荐文章于 2024-09-26 16:43:06 发布

阅读量1.4k

点赞数

分类专栏：前端文章标签： html5 html css layui

本文链接：https://blog.csdn.net/baidu_41632451/article/details/124177615

版权

本文通过实例代码介绍了layui中如何实现表格复选框的选择功能，特别地，讲解了如何在表格加载完成后通过done回调及table.on复选框监听进行部分选项的设置。

摘要由CSDN通过智能技术生成

话不多说直接上代码

关键代码是,table的done回调和table.on复选框监听

layui.use(['table', 'util'], function () {
            var table = layui.table;
            tableObj = table.render({
                elem: '#testId',
                height: 460,
                page: true,
                cols: [[ //表头
                    {type: 'checkbox', fixed: 'left'}
                    , {
                        field: 'billDate', title: '入库时间', width: 150, templet: function (d) {
                            return layui.util.toDateString(d.billDate, 'yyyy-MM-dd')
                        }
                    }
                    , {field: 'billSn', title: '入库单据号', width: 150}
                    , {field: 'supplier', title: '供应商', wi