Отключить все кнопки на странице
у меня есть представление MVC с несколькими кнопками на нем (каждый элемент в корзине отображает 2 кнопки)...
<button class="pbbg" id="ProductMinus_161637" type="button">-</button>
<button class="pbbg" id="ProductPlus_161637" type="button">+</button>
(у них обоих есть onclick событие)
при нажатии любой из этих кнопок я хочу отключить все кнопки для каждого продукта, пока корзина не закончит обновление.
событие click вызывает функцию JavaScript, которая, в свою очередь, делает вызов Ajax. После этого в должности первое, что я пытаюсь сделать, это отключить все кнопка.....
$("input[type=button]").attr("disabled", "disabled");
затем после вызова Ajax возвращает reenable их....
$("input[type=button]").removeAttr("disabled");
Я не получаю никаких ошибок, но кнопки не отключены.
где я ошибаюсь?
3 ответов
ваш селектор неправильно. вместо input.. селектор вы должны использовать :button псевдо-селектор.
можно использовать :button селектор для выбора всех кнопок.
$(':button').prop('disabled', true); // Disable all the buttons
включить все кнопки:
$(':button').prop('disabled', false); // Enable all the button
редактировать
если вы хотите отключить только кнопки, идентификатор которого начинается с Product использование:
$('button[id^="Product"]')
наверное, потому, что вы не используете input tag, вы используете прямой button тег. Попробуй!--2--> вместо.