Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌材料设计-禁用开关_Javascript_Jquery_Material Design - Fatal编程技术网

Javascript 谷歌材料设计-禁用开关

Javascript 谷歌材料设计-禁用开关,javascript,jquery,material-design,Javascript,Jquery,Material Design,我找不到任何实际的基于web的代码示例来演示如何禁用Google Material Design JavaScript的开关 我试过foo.setAttribute('disabled'),foo.setAttribute(禁用)和foo.setAttribute('state','disabled')无效。只需将disabled属性设置为true,即可使用javascript禁用材质设计组件开关 const elem = document.querySelector('#switch-id')

我找不到任何实际的基于web的代码示例来演示如何禁用Google Material Design JavaScript的开关


我试过
foo.setAttribute('disabled')
foo.setAttribute(禁用)
foo.setAttribute('state','disabled')无效。

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

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

因此,我尝试了benvc的解决方案以及大量不同的版本,但没有成功——我确信这只是我正在使用的代码中的一些古怪的东西

最后,我通过更改元素的CSS属性禁用了开关:

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

var switch=new mdc.switchControl.MDCSwitch(document.getElementByclassName('mdc-switch')

//使能 switch.disabled=false

//残疾人士 switch.disabled=true