Deaktivieren Sie alle Tasten auf Seite

Question

Ich habe eine MVC-Ansicht mit einer Reihe von Tasten auf sie (jedes Element in einem Korb macht 2 Tasten) ...

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

(beide haben ein onclick Ereignis)

Wenn eine dieser Tasten gedrückt wird, möchte ich alle Tasten für jedes Produkt deaktivieren, bis der Korb die Aktualisierung abgeschlossen hat.

Das Click-Ereignis ruft eine JavaScript-Funktion auf, die wiederum einen Ajax-Aufruf ausführt. Im Anschluss an diese post das erste, was ich zu tun versuchen, ist zu deaktivieren, alle Tasten .....

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

dann nach dem Ajax-Aufruf kehrt wieder aktivieren sie ....

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

Ich erhalte keine Fehler, aber die Schaltflächen sind nicht deaktiviert.

Wohin gehe ich falsch?

Answer 1

Ihr Selektor ist falsch. anstelle von input.. Selektor sollten Sie :button Pseudo-Selektor verwenden.

Sie können :button Selektor verwenden, um alle Schaltflächen auszuwählen.

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

Um alle Tasten zu aktivieren:

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

EDIT

Wenn Sie nur die Tasten, deren ID beginnt mit Product Verwendung deaktivieren möchten:

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

Answer 2

Sie müssen button Selektor verwenden. Versuchen Sie prop wie folgt

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

Answer 3

Wahrscheinlich weil Sie nicht dieverwenden-Tag, verwenden Sie das gerade button-Tag. Versuchen Sie stattdessen $("button").attr("disabled", "disable").