JQuery deaktiviert alle Schaltflächen einer CSS-Klasse

Question

Ich habe n Knöpfe. Dieser Knopf hat den gleichen Namen: setAlg.

Ich möchte alle Knöpfe deaktivieren, die diesen Namen haben.

Ich habe versucht

$("input[name='setAlg']").attr("disabled",true);

aber es funktioniert nicht.

Wie kann ich das machen?

Vielen Dank.

Answer 1

Stellen Sie sicher, dass Sie Ihren Code im bereiten Handler einwickeln:

$(function(){
  $("input[name='setAlg']").attr("disabled", true);
});

Aber wenn Sie dieselbe Klasse für diese Eingabefelder verwenden (wie in Ihrer Fragestellung), müssen Sie stattdessen Folgendes ausprobieren:

$(function(){
  $("input.myclass").attr("disabled", true);
});

Wo myclass der Klassenname sein soll, der für diese Eingabefelder verwendet wird.

Answer 2

Chris Pebbles Vorschlag sollte gut funktionieren, aber ich bin verwirrt. In der Überschrift Ihrer Frage steht ausdrücklich "jQuery deaktiviert alle Schaltflächen einer CSS-Klasse", aber dann geben Sie ein Beispiel, das zeigt, dass Sie wirklich alle Schaltflächen deaktivieren möchten, die ein Name-Attribut von setAlg haben.

Zwei Punkte fallen mir ein. Erstens könnten Ihre Schaltflächen aufgrund des gleichen Namens unerwartete Ergebnisse liefern, wenn der Benutzer Ihr Formular abschickt (wenn dies der Fall ist, aber ich liege hier möglicherweise falsch). In diesem Fall möchten Sie wahrscheinlich wirklich alle auf dieselbe Klasse und nicht Name setzen.

...

Zweitens, wenn Sie möchten, dass Ihr jQuery mit einer Klasse funktioniert, müssen Sie Folgendes tun:

$("input.setAlg").attr("disabled","disabled");

Ich hoffe, das war hilfreich.

Answer 3

Ich glaube, du hast die Anführungszeichen vergessen

$("input[name='setAlg']").attr('disabled','true');

Wenn das nicht funktioniert, dann klappt vielleicht deine Auswahl nicht

Answer 4

Sie können eine Schaltfläche deaktivieren, indem Sie die unten genannten Schritte ausführen.

Sagen wir, Ihr Klassenname der Schaltfläche lautet = setAlg

Schritt 1:

Verwendung des Jquery attr-Attributs :

$('.setAlg').attr('disabled', 'disabled');

Schritt 2:

Verwendung des Jquery addClass CSS-Klasse :

$('.setAlg').addClass('disabled');

Schritt 3 :

Dann durch Deklarieren der CSS-Style-Klasse :

        .disabled
        {
            background: none repeat scroll 0 0 burlyWood;
            cursor: default !important;
        }