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

前端之家收集整理的这篇文章主要介绍了javascript – 禁用页面上的所有按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个MVC视图,上面有许多按钮(篮子里的每个项目都有2个按钮)……
<button class="pbbg" id="ProductMinus_161637" type="button">-</button>
<button class="pbbg" id="ProductPlus_161637" type="button">+</button>

(他们都有onclick事件)

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

click事件调用JavaScript函数,而JavaScript函数调用Ajax.在这个post之后,我尝试做的第一件事是禁用所有按钮…..

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

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

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

我没有错误但按钮没有被禁用.

我哪里错了?

解决方法

你的选择器错了.而不是输入..选择器你应该使用:按钮伪选择器.

您可以使用:按钮选择器选择所有按钮.

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

要启用所有按钮:

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

编辑

如果您只想禁用ID以Product use开头的按钮:

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

猜你在找的JavaScript相关文章