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);