Material designs lite：如何更新复选框值

Question

正在尝试更新 UI 上复选框的状态，但 componentHandler.upgradeElements 似乎对此没有影响。

我也尝试了 componentHandler.upgradeAllRegistered(); 和 componentHandler.upgradeElement。

Reproduction online

与提供 xxxx.MaterialSlider.change(newvalue); 以设置状态的滑块相反，复选框没有任何相似之处。

Answer 1

我通过检查源代码并使用 mdl 包装器而不是输入找到了解决方案。

Reproduction online

也在他们的 github 论坛上 reported the lack of documentation。

有以下HTML

<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="demo" id="demoWrapper">
    <input type="checkbox" class="mdl-switch__input" id="demo">
</label>

JS

setTimeout(function(){
    $('#demo').val(true);
    $('#demoWrapper').get(0).MaterialSwitch.on();
}, 1400);

Material designs lite：如何更新复选框值

Material designs lite: how to update checkbox value

javascript

material-design

material-design-lite