材质设计精简版:如何更新复选框值

Material designs lite: how to update checkbox value

本文关键字：更新 复选框 何更新 精简版      更新时间：2023-09-26

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

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

在线复制

与提供xxxx.MaterialSlider.change(newvalue);来设置状态的滑块相反，复选框没有类似的内容。

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

在线复制

还报告说，他们的github论坛上缺乏文件。

具有以下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);
相关文章：