layui开关switch怎么获取开或关的值-Layui教程-PHP中文网

layui switch 的 value 值取自 input 元素的 value 属性（开时返回该值，关时固定返回空字符串），而非 checked 或表单初始值；其真实状态需通过 form.on('switch(filter)') 回调中的 data.value 获取，且关态永不返回 "0"。

layui开关switch怎么获取开或关的值

layui switch 的 value 值到底取自哪里

layui 的 switch 组件本身不直接依赖表单 value 属性来决定初始状态，而是靠 checked 属性或 lay-swtich 的开关文本（如 "on|off"）隐式推导。你用 form.val('filter') 拿不到它的真实值，因为它的“值”是运行时由 DOM 状态动态映射出来的，不是静态写死在 input 上的。

如果你没显式设置 value 属性，switch 默认开时返回 "on"，关时返回 "off"
如果你写了 value="1"，那开时就是 "1"，关时会自动 fallback 到空字符串 ""（不是 "0"，这点很多人误判）
lay-text="是|否" 只影响显示文字，不影响提交值

监听 switch 变化并获取当前值的正确写法

不能只靠 change 事件监听原生 input，因为 layui 的 switch 是用 div 模拟的，真实触发的是 form.on('switch(filterName)')。

form.on('switch(statusFilter)', function(data){
  console.log(data.elem); // DOM 元素
  console.log(data.value); // 当前值，即 input 的 value（开时取 value，关时取 ""）
  console.log(data.elem.checked); // 原生 checked 状态，true/false
});

必须给 switch 所在的 form 设置 lay-filter="statusFilter"
data.value 是最稳妥的取值方式，它已按 layui 规则做了映射
不要读 $(data.elem).val() —— 它始终返回初始 value，不会随开关变化更新

提交表单时怎么确保 switch 值被正确收集

layui 的 form.val('filter') 会自动把 switch 的当前状态转成对应值，但前提是：

switch 必须是 <input type="checkbox">，且有 name 属性
它必须包裹在设置了 lay-filter 的 <form></form> 内
不要手动删掉或覆盖 name，否则 form.val() 直接忽略它

常见错误：

Model Switcher

根据任务复杂度自动切换不同的AI模型。支持OpenClaw设置中的所有可用模型。当检测到复杂...

下载

把 switch 写成 <input type="radio"> 或没写 name → 提交时完全丢失
用 form.val('filter', {status: '1'}) 初始化后，再点开关，form.val('filter') 返回的仍是 {status: '1'}，不会自动同步 → 必须用监听回调实时取 data.value
服务端期望接收 0/1，但前端没做转换 → 建议在监听回调里统一转：const realVal = data.value ? 1 : 0;