首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Google Material Design -禁用开关

Google Material Design -禁用开关
EN

Stack Overflow用户
提问于 2018-07-27 01:29:01
回答 3查看 270关注 0票数 1

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

我已经尝试过foo.setAttribute('disabled');foo.setAttribute(disabled);foo.setAttribute('state', 'disabled');,但都没有用。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-07-31 21:59:23

所以我尝试了benvc的解决方案,以及它的许多不同的变体,但都没有成功-我确信这只是我正在使用的代码中的一些时髦的东西。

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

代码语言:javascript
运行
复制
elem.setAttribute("style","pointer-events: none;");
票数 0
EN

Stack Overflow用户

发布于 2018-07-27 01:43:58

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

代码语言:javascript
运行
复制
const elem = document.querySelector('#switch-id');
elem.disabled = true;
票数 0
EN

Stack Overflow用户

发布于 2018-08-07 19:46:29

var开关=新的mdc.switchControl.MDCSwitch(document.getElementByclassName('mdc-switch'));

//表示启用switch.disabled = false;

//表示禁用switch.disabled = true;

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51544487

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档