时间戳

首页 > 解决方案 > 如何从javascript禁用复选框“切换开关”

javascript - 如何从javascript禁用复选框“切换开关”

问题描述

我对 css 和 html 相当陌生。我试过这个来创建一个复选框切换开关。现在我想要的是禁用这个切换开关，比如点击另一个按钮“重置”，这样它看起来就处于关闭状态，没有背景颜色。我正在寻找 java 脚本中的解决方案。不确定这是否需要修改任何 CSS。任何帮助表示赞赏。

标签： javascripthtmlcss

解决方案

setAttribute("disabled", true)从技术上讲，您可以使用该功能禁用任何输入项

例如，以下将禁用页面的所有输入：

const allInputs = Array.from(document.getElementsByTagName("input"));
allInputs.forEach((input)=>{input.setAttribute("disabled", true)})

在您的情况下，考虑到您使用 id 命名您的输入，如下所示：

<label class="switch">
  <input type="checkbox" checked id="yourSwitch">
  <span class="slider round"></span>
</label>

您可以使用以下方法切换禁用属性：

document.getElementById("yourSwitch").toggleAttribute("disabled");

或者干脆永远禁用它……</p> 

document.getElementById("yourSwitch").setAttribute("disabled", true);

推荐阅读