动态修改layui checkbox文字需在渲染前通过templet模板绑定数据字段，如{{d.statustext}}，配合form.render('checkbox')或table.reload()刷新，禁用状态也应在templet中统一处理。
layui checkbox 的文字描述不能直接改，得动模板
layui 渲染后的 checkbox 是伪元素（div.layui-form-checkbox 包着隐藏的 input），你看到的文字其实是 span 标签里的内容，但这个 span 是 layui 在初始化时根据 HTML 中的文本自动生成的，后续不能靠 innerText 或 text() 直接改——改了也没用，下次 form.render() 会覆盖掉。
想动态改文字，必须在渲染前就准备好变量
核心思路：把文字描述写进数据源，用 templet 函数动态拼接 HTML，而不是依赖静态标签内容。
- HTML 中别写死文字：
<input type="checkbox" name="status" value="1">启用→ 这种写法后期无法动态更新 - 改成用
templet返回完整结构：{field: 'status', title: '状态', templet: '<input type="checkbox" name="status" value="{{d.id}}">{{d.statusText}} - 确保原始数据里有
statusText字段，比如{id: 1, statusText: '已上线'}，这样翻页、重载后文字依然能对得上 - 如果字段名不固定，可用函数式
templet做条件判断：templet: function(d) { return '<input ...> ' + (d.online ? '在线' : '离线'); }
改完数据后，必须重新 render 才生效
单纯改 data 数组里的 statusText 不会自动刷新 checkbox 文字。你得手动触发更新：
- 调用
table.reload('tableId', { where: newData })（适用于表格内复选框） - 或对独立表单，先更新数据源（如 Vue data / 普通对象），再调用
form.render('checkbox') - 别用
$('span:contains("旧文字")').text('新文字')—— 这类 DOM 操作会被下一次form.render()抹掉，且容易错位匹配 - 注意：如果用了
lay-skin="primary"，文字是紧跟在 checkbox 后面的span，但它的内容来源只认你传进去的模板，不认 DOM 当前值
容易被忽略的点：禁用状态下的文字也要同步处理
如果你还根据条件禁用某些 checkbox（比如 d.disabled === true），光加 disabled 属性不够——文字描述最好也变灰或加提示，否则用户看不出为什么点不了。可以在 templet 里一并控制：
templet: function(d) {
const text = d.disabled ? `[已归档] ${d.name}` : d.name;
const disabledAttr = d.disabled ? 'disabled' : '';
return `<input type="checkbox" name="item" value="${d.id}">${text}`;
}
这种写法把文字和状态耦合在模板里，改数据 → 重 render → 全量更新，逻辑最稳。强行局部 DOM 替换，反而容易漏掉分页、搜索、排序后的场景。
