javascript - 禁用具有相同类属性但不同 id 的多个按钮

Question

我有多个具有相同类属性但 ID 不同的按钮。我尝试禁用它们但失败了。提交 提交

document.querySelector(".submit").disable = true;

标签： javascripthtml

Answer 1

虽然.querySelector()仅返回您需要的第一个元素.querySelectorAll()以禁用具有相同类的所有按钮。而不是disable您需要使用disabled和forEach之类的循环：

document.querySelectorAll(".submit").forEach(e => e.disabled = true)

<button type="button" class="submit">1</button>
<button type="button" class="submit">2</button>
<button type="button" class="submit">3</button>
<button type="button" class="submit">4</button>