layui实现点击table复选框时，为其添加背景色

1、样式

        .tr_bj_color {
            background-color: #FFE7BA !important;
        }

2、监听table复选框点击事件

            table.on('checkbox(test)', function (obj) {

                //全选时
                if (obj.type == "all") {
                    if (obj.checked) {//全选中
                        var checkStatus = table.checkStatus('idTest');
                        var sdata = checkStatus.data;
                        if (sdata.length > 0) {//渲染背景颜色
                            $(".layui-table-body .layui-table tr").each(function () {
                                $(this).addClass("tr_bj_color");
                            })
                        }
                    }
                    else {//全部不选
                        $(".layui-table-body .layui-table tr").each(function () {
                            $(this).removeClass("tr_bj_color");
                        })
                    }
                }
                else {//单选
                    var checkStatus = table.checkStatus('idTest');
                    var sdata = checkStatus.data;
                    if (obj.checked) {//选中
                        obj.tr.addClass('tr_bj_color');
                    }
                    else {//取消选中
                        obj.tr.removeClass('tr_bj_color');
                    }
                }
            });

3、监听table单选按钮点击事件

                    table.on('radio(test)', function (obj) {

                        //移除所有背景色
                        $(".layui-table-body .layui-table tr").each(function () {
                            $(this).removeClass("tr_bj_color");
                        })

                        //选中时添加背景色
                        if (obj.checked) {
                            obj.tr.addClass('tr_bj_color');
                        }
                    });

 4、实例

        layui.use('table',
                function () {
                    var table = layui.table;
                    table.render({ //其它参数在此省略
                        elem: '#list',
                        id: 'idTest',
                        url: 'GetBasetaskPssList',
                        //toolbar: '#toolbarDemo',
                        defaultToolbar: [],
                        height: '270', //高度最大化减去差值
                         '970',
                        limit: 20,
                        where: { conn: Pub.getConn(), ck: Pub.getCK(), idspecs: $("#idspecs").val() },//如果无需传递额外参数，可不加该参数
                        //method: 'post' //如果无需自定义HTTP类型，可不加该参数
                        request: {
                            pageName: 'pageIndex', //页码的参数名称，默认：page
                            limitName: 'pageSize' //每页数据量的参数名，默认：limit
                        },//如果无需自定义请求参数，可不加该参数
                        response: {
                            statusName: "Code",
                            statusCode: 1, //规定成功的状态码，默认：0
                            msgName: 'Msg', //规定状态信息的字段名称，默认：msg
                            countName: 'TotalCount', //规定数据总数的字段名称，默认：count
                            dataName: 'Data' //规定数据列表的字段名称，默认：data
                        },//如果无需自定义数据响应名称，可不加该参数
                        page: false, //开启分页
                        cols: [[ //表头
                          { field: 'kid', type: 'radio' },
                          { field: 'worktask', title: '常规作业项', sort: true,  "21.8%" },
                          { field: 'taskdesc', title: '作业目标描述', sort: true,  "40%" },
                          { field: 'featuredesc', title: '属性', sort: true,  "30%" }
                        ]],
                        done: function (res, curr, count) {
                            //如果是异步请求数据方式，res即为你接口返回的信息。
                            //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                            console.log(res);

                            //得到当前页码
                            console.log(curr);

                            //得到数据总量  
                            console.log(count);

                            if ($("#idspecs_s").val() != "" && $("#idspecs_s").val() != null) {

                                //获取表单中的所有数据
                                let tableData = layui.table.cache["idTest"]

                                //获取需要筛选匹配选中的数据
                                let checkStatus = Pub.getCache("btasklistDtat");

                                //进行循环判断
                                for (var i = 0; i < tableData.length; i++) {
                                    //筛选需要选中的行
                                   if (tableData[i].idactivity == checkStatus[0].idtask) {
                                       $(".layui-table-view[lay-id='idTest'] .layui-table-body tr[data-index= '" + i + "' ] .layui-form-radio").click();
                                   }
                               }
                            }
                        }
                    });

                    //头工具栏事件
                    table.on('toolbar(test)',
                    function (obj) {
                        var checkStatus = table.checkStatus(obj.config.id);
                        switch (obj.event) {
                            case 'getCheckData':
                                var data = checkStatus.data;
                                layer.alert(JSON.stringify(data));
                                break;
                            case 'getCheckLength':
                                var data = checkStatus.data;
                                layer.msg('选中了：' + data.length + ' 个');
                                break;
                            case 'isAll':
                                layer.msg(checkStatus.isAll ? '全选' : '未全选');
                                break;
                        };
                    });


                    // 实现点击表格复选框时，为其添加背景色
                    table.on('radio(test)', function (obj) {

                        //移除所有背景色
                        $(".layui-table-body .layui-table tr").each(function () {
                            $(this).removeClass("tr_bj_color");
                        })

                        //选中时添加背景色
                        if (obj.checked) {
                            obj.tr.addClass('tr_bj_color');
                        }
                    });
                });