Jak wyłączyć przycisk HTML za pomocą JavaScript

W JavaScript programiści najczęściej wyłączają przycisk Przesyłania w formularzu, aby upewnić się, że wszystkie wymagane pola zostały wypełnione przed przesłaniem. Pomaga również zapobiegać wielu zgłoszeniom. W niektórych przypadkach programiści mogą chcieć wyłączyć przycisk na podstawie stanu aplikacji lub wyniku poprzedniego działania. Załóżmy na przykład, że użytkownik przesłał już formularz lub wykonał dowolne zadanie. W takim przypadku wyłączysz „składać" albo "kompletny”Przycisk, aby zapobiec ich przesłaniu lub ponownym ukończeniu.

Ten artykuł ilustruje metodę wyłączenia przycisku HTML w JavaScript.

Jak wyłączyć przycisk HTML za pomocą JavaScript?

Aby wyłączyć przycisk HTML za pomocą JavaScript, użyj „wyłączony„Właściwość elementu przycisku. Przycisk jest również wyłączony przy użyciu atrybutu „wyłączonego” HTML, ale będzie on na stałe wyłączony i nie będziesz mógł go ponownie włączyć ponownie. Podczas korzystania z JavaScript właściwość „wyłączona” można wyłączyć i dynamicznie włączyć przycisk.

Składnia
Podana składnia jest wykorzystywana do wyłączenia przycisku:

ButtonObject.wyłączony

Przykład 1: Wyłącz przycisk
Utwórz przycisk w pliku HTML i przypisz identyfikator „przycisk„Pomoże uzyskać dostęp do tego przycisku:

Przycisk

Pobierz przycisk HTML w pliku JavaScript, używając przypisanego identyfikatora za pomocą „getElementById ()" metoda:

var Button = Dokument.getElementById („przycisk”);

Ustaw nieruchomość „wyłączony" Do "PRAWDA”:

przycisk.niepełnosprawne = true;

Jak widać, przycisk w wyjściu został wyłączony:

Przykład 2: Wyłącz przycisk na zdarzeniu kliknięcia
Tutaj wyłączymy przycisk, klikając go. Najpierw uzyskaj odniesienie przycisku za pomocą przypisanego identyfikatora:

var Button = Dokument.getElementById („przycisk”);

Zadzwoń do "addEventListener ()„Metoda, dołączając„Kliknij„Wydarzenie, które ustawi właściwość niepełnosprawna”PRAWDA”Podczas klikalności przycisku:

przycisk.addEventListener („kliknij”, funkcja ()
if (przycisk.wyłączony)
przycisk.niepełnosprawny = false;

w przeciwnym razie
przycisk.niepełnosprawne = true;

);

Można zauważyć, że podczas klikania przycisku jest wyłączony:

Chodziło o przycisk wyłączania w JavaScript.

Wniosek

Aby wyłączyć przycisk HTML w JavaScript, użyj „wyłączony„Właściwość elementu przycisku. Pomaga włączyć lub wyłączyć przycisk dynamicznie, podczas gdy atrybut HTML „wyłączony” na stałe wyłącza przycisk. W tym artykule zilustrowano metodę wyłączenia przycisku HTML w JavaScript.