如果所有按钮都包含特定名称（如“不可用”），如何使用 javascript 禁用页面上的所有按钮？答案

【问题标题】：How to disable all bottons on page with javascript if all of them contains specific name like "Not Available"?如果所有按钮都包含特定名称（如“不可用”），如何使用 javascript 禁用页面上的所有按钮？
【发布时间】：2020-10-17 14:26:38
【问题描述】：

我有一个页面包含许多按钮我想通过javascript代码一次自动禁用所有名称为“不可用”的按钮基本上我希望代码读取页面并禁用所有具有该名称的按钮即使按钮名称是“抱歉，不可用”，javascript 也会以它为目标，因为其中包含“不可用”。如果按钮没有该名称，它们将保持活动状态而不是禁用。

我希望我的问题很清楚。

【问题讨论】：

标签： javascript button auto disabled-input

【解决方案1】：

这样就可以了

const buttons = document.querySelectorAll('button')

buttons.forEach((button) => {
  if (button.innerText.match(/Not\sAvailable/gi)) {
    button.setAttribute('disabled', 'true')
  }
})

【讨论】：

谢谢 Mohamed Ali，它的工作问题是它在另一个页面中工作，但我有一个页面使用 php 代码在表格中显示按钮，而 javascript 代码无法使用它！还有其他方法吗？也许是一个 php 代码？
如果 php 代码与您的 javascript 文件位于单独的文件中。将它们与引用您应该修复的 javascript 代码的脚本连接在一起？
我解决了这个问题！现在一切正常，我只是将代码包含在 php.ini 中。我现在的问题是：我想让 javascript 代码也将按钮的类从 class="mybutton" 更改为 class="mybutton2" 我认为它只是同一代码中的另外一个代码来使其更改类如何这样做？
你能告诉我吗？
只需在if statement前添加button.classList.replace("myButton", "myButton2")