Layui 监听复选框勾选input输入框获取指定内容 数据表格获取列表成功 //复选框监听事件 table.on('checkbox(test)', function(obj){ var data = obj.data.courseName; //获取数据表格单元id值 if($(this).prop("checked")==true){ //监听表格勾选 如果为ture var cs3 = $("#class_name").val(); // 变量 cs3 赋值为输入框的值 $("#class_name").val(cs3+data+""); //input获取复选框勾选内容 if($('input:checked').length == 1 ){ //多数据 空格隔开显示 }else{ } } else{ console.log("未勾选"); var cs3 = $("#class_name").val(); var data = cs3.replace(data+" ",""); $("#class_name").val(data); $("#num_min").trigger("click"); } console.log(data) });

记Layui 数据表格提示成功但不能加载出数据 神坑！ 关于layui表格数据渲染，实际上是非常好用以及方便的。但是坑来了。parseData官方文档默认文档默认规定的数据格式 { "code": 0, "msg": "", "count": 1000, "data": [{}, {}] } 很多时候，您接口返回的数据格式并不一定都符合 table 默认规定的格式，比如： { "status": 0, "message": "", "total": 180, "data": { "item": [{}, {}] } } 那么你需要借助 parseData 回调函数将其解析成 table 组件所规定的数据格式 table.render({ elem: '#demp' ,url: '' ,parseData: function(res){ //res 即为原始返回的数据 return { "code": res.status, //解析接口状态 "msg": res.message, //解析提示文本 "count": res.total, //解析数据长度 "data": res.data.item //解析数据列表 }; } //,…… //其他参数 }); 切记切记 一定不要忘记重新规定成功的状态码要不然确实接口提示成功，不能渲染出数据。,response: { statusCode: 200 //重新规定成功的状态码为 200，table 组件默认为 0 }