Отключить все кнопки на странице

Question

У меня есть представление MVC с несколькими кнопками на нем (каждый элемент в корзине делает 2 кнопки) ...

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

(они оба имеют onclick событие)

Когда одна из этих кнопок нажата, я хочу отключить все кнопки для каждого продукта, пока корзина не закончит обновление.

Событие click вызывает функцию 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 

EDIT

Если вы хотите отключить только кнопки, идентификатор начинается с Product использования:

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

Answer 2

Вам необходимо использовать селектор button. Попробуйте prop вот так

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

Answer 3

Вероятно потому что вы не используете input, вы используете прямой тег button. Вместо этого попробуйте $("button").attr("disabled", "disable").