javascript - 禁用页面上的所有按钮

Question

我有一个 MVC View ，上面有许多按钮(篮子中的每个项目呈现 2 个按钮)...

<button class="pbbg" id="ProductMinus_161637" type="button">-</button>
<button class="pbbg" id="ProductPlus_161637" type="button">+</button>

(他们都有一个onclick事件)

当按下这些按钮中的任何一个时，我想禁用每个产品的所有按钮，直到购物篮完成更新。

点击事件调用 JavaScript 函数，该函数又进行 Ajax 调用。按照这个 post我尝试做的第一件事是禁用所有按钮.....

$("input[type=button]").attr("disabled", "disabled");

然后在 Ajax 调用返回后重新启用它们....

$("input[type=button]").removeAttr("disabled");

我没有收到任何错误，但按钮没有被禁用。

我哪里错了？

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"]')