Deaktivieren Sie alle Schaltflächen auf der Seite

Habe ich ein MVC-Ansicht mit einer Reihe von Schaltflächen (jedes Element in einem Korb macht 2 Knöpfe)...

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

(beide haben eine onclick event)

Wenn einer dieser buttons gedrückt werden, möchte ich deaktivieren Sie alle Schaltflächen für jedes Produkt, bis der Korb ist fertig aktualisieren.

Click-Ereignis ruft eine JavaScript-Funktion, die wiederum macht einen Ajax-call. Nach dieser post das erste, was ich versuche zu tun ist, deaktivieren Sie alle Schaltflächen.....

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

Dann nach dem Ajax-Aufruf wieder reaktivieren....

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

Ich bekomme keine Fehler, aber die Tasten sind nicht deaktiviert.

Wohin ich gehe falsch gemacht?

Versuchen Sie es mit prop $("input[type=button]").prop("disabled", true);
Ihre Elemente sind nicht inputs (Sie sind Knöpfe!) - ändern Sie Ihre html - <input type="button" ... /> (und verwenden .prop('disabled', true))
Doh! Danke, ich habe nicht vor Ort. Nahm die html direkt aus die designer.

InformationsquelleAutor Fred | 2015-05-27

  1. 16

    Ihre Selektor ist falsch. statt input.. selector, die Sie verwenden sollten :button pseudo-Selektor.

    Können Sie :button Selektor auswählen, um alle Tasten.

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

    Aktivieren Sie alle Schaltflächen:

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

    BEARBEITEN

    Wenn Sie möchten, deaktivieren Sie nur die Schaltflächen, deren id beginnt mit Product verwenden:

    $('button[id^="Product"]')
    Was ist der Punkt, der mit der :button pseudo-Selektor vs "button", und mit prop über attr?
    :button wird, wählen Sie alle button, input[type="button"] und input[type="submit"]
    href="http://stackoverflow.com/a/16051519/2025923">stackoverflow.com/a/16051519/2025923 prop vs. attr

    InformationsquelleAutor Tushar

  2. 3

    Wahrscheinlich, weil Sie sind nicht mit den input tag, bist du mit dem straight button tag. Versuchen $("button").attr("disabled", "disable") statt.

    InformationsquelleAutor jered

  3. 1

    Müssen Sie button - Selektor. Versuchen prop wie diese

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

    InformationsquelleAutor Zee

Schreibe einen Kommentar