禁用具有相同class属性但ID不同的多个按钮

Question

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

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

Answer 1

尽管.querySelector()仅返回您需要的.querySelectorAll()的第一个元素，以禁用具有相同类的所有按钮。您需要使用 disabled 和一个类似forEach的循环来代替 disable ：

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>

Answer 2

禁用jQuery按钮：

$('.submit').attr('disabled',true);

或

$('.submit').prop("disabled", true);

或旧方法：

var buttons= document.getElementsByClassName("submit");
for(var i = 0; i < buttons.length; i++) {
    buttons[i].disabled = true;
}