禁用页面上的所有按钮

Answer 1

您的选择器错误。您应该使用

input..

伪选择器，而不是

:button

选择器。

您可以使用

:button

选择器选择所有按钮。

$(':button').prop('disabled', true); // Disable all the buttons

启用所有按钮：

$(':button').prop('disabled', false); // Enable all the button

编辑

如果您只想禁用 id 以

Product

开头的按钮，请使用：

$('button[id^="Product"]')

Answer 2

如果有人正在寻找普通的 JavaScript 解决方案：

const buttons = document.getElementsByTagName("button");
for (const button of buttons) {
  button.disabled = true;
}

Answer 3

可能是因为您没有使用

input

标签，所以您使用的是直接

button

标签。试试

$("button").attr("disabled", "disable")

。

Answer 4

您需要使用

button

选择器。尝试像这样

prop

$('button').prop('disabled', true);

Answer 5

//Vanilla JavaScript solution.
// Disable all buttons
const allBtn = document.querySelectorAll('button')
allBtn.forEach((button)=>{
    button.disabled = true;
});

Answer 6

如果你想试试这个。

const 按钮 = document.getElementById("button"); Buttons.setAttribute('禁用', true);