如何使用Javascript启用和禁用多个DOM元素

我尝试使用DOM操作启用许多单选按钮，以避免每次单击所有按钮来启用它们

我试试这个：

document.getElementById("on").disabled = true; 

以及：

没有成功。我想我做错了？我的HTML如下所示：

    <form>
    <div class="on-off-wrapper">
    <fieldset class="enabled">
    <div label="On" title="on" class="on-off-btn on active">
    <input type="radio" id="on" name="on_off" value="on"> 
    <span>On</span></div>
    <div label="Off" title="off" class="on-off-btn off">
    <input type="radio" id="off" name="on_off" value="on"> 
    <span>Off</span></div></fieldset></div>
    </form>

在…上
关

---

代码总是一样的，大约60次，就像这样，所以这就是为什么如果我能在一个镜头中启用所有功能会更简单。我使用谷歌开发工具和控制台来尝试这一点…

如果我正确理解了您的问题，可以通过以下方法禁用和启用HTML中的多个

复选框

输入

// To set input disabled 
element.setAttribute("disabled", "disabled") 

// To set input enabled
element.removeAttribute("disabled") 

结合

document.querySelectorAll（）

，您可以实现以下要求：

函数disableAll（）{
//选择name属性为value on_off的所有输入并迭代
//应用禁用属性
document.querySelectorAll（'input[name=“on_off”]”）。forEach（element=>{
setAttribute（“禁用”、“禁用”）；
});
}
函数enablell（）{
//选择name属性为value on_off的所有输入并迭代
//删除禁用的属性（以启用）
document.querySelectorAll（'input[name=“on_off”]”）。forEach（element=>{
元素。删除属性（“禁用”）；
});
}

在…上
关
启用所有
禁用所有

我尝试使用谷歌控制台，但它说“未定义”你的代码看起来很清楚，但似乎我遗漏了一些东西我制作了一个屏幕截图，你可以在这里看到它的外观@dacre denyyes，正是因为现在我需要逐个单击以启用它们这就是为什么我尝试获取这个我运行了你的代码片段，效果很好，但我认为我错过了一些东西，因为我在现场尝试，控制台上什么也没有发生，它说“未定义”看到新的屏幕截图，正如你所看到的，我点击一个按钮，什么也没有发生，只有我点击的按钮从关闭变为打开不明白为什么它不工作

// To set input disabled 
element.setAttribute("disabled", "disabled") 

// To set input enabled
element.removeAttribute("disabled")