You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

通过代码控制切换KendoSwitch时,标签未同步变更

KendoSwitch调用check(false)后标签未切换的解决方案
  • 先确认Switch初始化时是否配置了messages参数,明确On/Off的标签文本。如果没配置,check()方法可能无法触发标签更新:
$("#KendoDemo").kendoSwitch({
    messages: {
        on: "On",
        off: "Off"
    }
});
  • 替换check()方法为value(),这个方法会同步更新组件状态和UI标签:
var thatSwitch = $("#KendoDemo").data("kendoSwitch");
thatSwitch.value(false);
  • 如果状态已更新但UI未同步,调用refresh()强制组件重新渲染:
var thatSwitch = $("#KendoDemo").data("kendoSwitch");
thatSwitch.check(false);
thatSwitch.refresh();
  • 排查是否有自定义CSS覆盖了Switch的标签文本,通过浏览器开发者工具检查.k-switch-on、.k-switch-off元素的文本内容是否正确。

内容的提问来源于stack exchange,提问作者LittleB

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.23 19:17:32