我有一个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"]')