Google Material Design-禁用开关

Question

我找不到任何实际的基于Web的代码示例，这些示例演示了如何禁用Google Material Design JavaScript的开关。

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

Answer 1

只需将disable属性设置为true，就可以使用javascript禁用材料设计组件开关。

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

Answer 2

因此，我尝试了benvc的解决方案以及它的许多不同变体，但都没有成功-我确信它与我正在使用的代码有点奇怪。

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

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

Answer 3

var switch =新的mdc.switchControl.MDCSwitch（document.getElementByclassName（'mdc-switch'））;

//启用 switch.disabled = false;

//用于禁用 switch.disabled = true;