Schaltfläche zum Deaktivieren von JQuery-Front-End-Fragen und Antworten-php.cn

Schaltfläche zum Deaktivieren von JQuery

WBOY

Freigeben： 2023-05-08 19:01:35

Original

933 Leute haben es durchsucht

jquery Unbutton Disable

In der Webentwicklung deaktivieren wir in manchen Situationen manchmal eine Schaltfläche, um beispielsweise zu verhindern, dass Benutzer wiederholt Formulare senden. Aber manchmal müssen wir die Schaltfläche deaktivieren, nachdem andere Ereignisse ausgelöst wurden. Zu diesem Zeitpunkt müssen Sie jQuery verwenden, um dies zu erreichen.

jQuery kann problemlos DOM-Elemente abrufen und die Attribute von DOM-Elementen ändern. Daher können wir jQuery verwenden, um schnell die Schaltfläche zu finden, die deaktiviert werden muss, und ihre Eigenschaften wieder auf ihre ursprünglichen Werte zu ändern.

Die spezifische Implementierungsmethode lautet wie folgt:

Fügen Sie der Schaltfläche, die deaktiviert werden muss, ein deaktiviertes Attribut hinzu. Zum Beispiel:

für Ereignisse, die eine Entsperrung auslösen (z. B as Nachdem die Ajax-Anfrage erfolgreich zurückgegeben wurde, binden Sie eine Methode. In der Methode können Sie jQuery verwenden, um das Schaltflächenelement zu finden und sein Attribut „disabled“ in „false“ zu ändern. Zum Beispiel:

//Entsperren Sie die Schaltfläche, nachdem die Ajax-Anfrage erfolgreich zurückgegeben wurde
$.ajax({

url: "xxx",
success: function(data) {
    //找到按钮元素并解禁
    $("#submitBtn").attr("disabled", false);
}

Nach dem Login kopieren

});#🎜🎜 ## 🎜🎜#

Mit der oben genannten Methode können Sie eine einzelne Schaltfläche ganz einfach deaktivieren und wieder deaktivieren. Wenn wir jedoch mehrere Schaltflächen stapelweise bedienen müssen, können wir mit dem Selektor von jQuery alle Schaltflächen auf einmal finden, die die Bedingungen erfüllen, und sie bedienen, zum Beispiel:

//Alle deaktivieren Klassen als deaktiviert -btn button

$(".disabled-btn").attr("disabled", true);

//Deaktivierten Zustand aller Schaltflächen mit deaktivierter Klasse entsperren- btn# 🎜🎜#$(".disabled-btn").attr("disabled", false);

Es ist zu beachten, dass bei Verwendung von jQuery zum Deaktivieren einer Schaltfläche nicht alle Schaltflächen festgelegt werden Attribute ist deaktiviert. Andernfalls können unerwartete Probleme auftreten, wenn Benutzer andere Elemente bedienen. Die Deaktivierungsschaltfläche sollte nur bei Bedarf verwendet werden und bei Bedarf unbedingt deaktiviert werden.

Zusammenfassend lässt sich sagen, dass es sehr einfach ist, die Schaltfläche mit jQuery zu deaktivieren. Sie müssen nur die Schaltfläche finden, die deaktiviert werden muss, und das Attribut „disabled“ auf „false“ setzen. Es muss jedoch darauf geachtet werden, dass die deaktivierte Schaltfläche nicht missbraucht wird, um den Benutzern keine Probleme zu bereiten.

Das obige ist der detaillierte Inhalt vonSchaltfläche zum Deaktivieren von JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!