Google Material Design - 禁用开关

Question

我无法找到任何基于网络的实际代码示例，演示了如何禁用Google Material Design JavaScript的切换功能。

我试过foo.setAttribute('disabled');，foo.setAttribute(disabled);和foo.setAttribute('state', 'disabled');无济于事。

Answer 1

所以我尝试了benvc的解决方案以及它的大量不同变体而没有成功 - 我确信这只是我正在使用的代码的一些时髦。

我最后通过更改元素的CSS属性来禁用该开关：

elem.setAttribute("style","pointer-events: none;");

Answer 2

您只需将disabled属性设置为true即可使用javascript禁用材质设计组件开关。

const elem = document.querySelector('#switch-id');
elem.disabled = true;

Answer 3

var switch = new mdc.switch Control.MDC Switch（document.getElementsByclassName（'mdc-switch'））;

// for enable switch.disabled = false;

// for disable switch.disabled = true;