layui table 使用复选框checkbox，根据状态禁用

最新推荐文章于 2024-09-19 11:13:48 发布

其斤r

最新推荐文章于 2024-09-19 11:13:48 发布

阅读量2.7k

点赞数 5

分类专栏： js layui 文章标签： layui 前端 javascript

本文链接：https://blog.csdn.net/weixin_38817361/article/details/126189965

版权

js 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

layui

7 篇文章 0 订阅

订阅专栏

layui.table.render({
            elem: '#table',
            url: '....',
            page: {
                theme: '#23b7e5'
            },
            cols: [...],
            done: function (res) {
                let table_data = res.data;
                for(let i = 0; i < table_data.length; i++){
                    let pcType = table_data[i].pcType;
                    if(pcType == 1){
                        let index = table_data[i]['LAY_TABLE_INDEX'];
                        $('th[data-field="0"] input[type="checkbox"]').prop('disabled', true); // 禁止全选
                        $(".layui-table tr[data-index="+index+"] input[type='checkbox']").prop('disabled',true); //禁止部分选择
                        $(".layui-table tr[data-index="+index+"] input[type='checkbox']").next().addClass('layui-btn-disabled');
                    }
                }
            }
        });