W tym artykule zilustrujemy metodę wyłączania 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ści elementu przycisku. Przycisk jest również wyłączany za pomocą atrybutu HTML „disabled”, ale zostanie wyłączony na stałe i nie będzie można go ponownie włączyć. Podczas korzystania z JavaScript właściwość „disabled” można wyłączyć i dynamicznie włączyć przycisk.
Składnia
Podana składnia służy do wyłączania przycisku:
przyciskObiekt. wyłączony
Przykład 1: Wyłącz przycisk
Utwórz przycisk w pliku HTML i przypisz identyfikator „ przycisk ”, które pomogą uzyskać dostęp do tego przycisku:
< identyfikator przycisku = 'przycisk' > Przycisk przycisk >
Pobierz przycisk HTML w pliku JavaScript, używając przypisanego im identyfikatora za pomocą „ getElementById() ' metoda:
był przycisk = dokument. getElementById ( 'przycisk' ) ;
Ustaw właściwość „ wyłączony ' Do ' PRAWDA ”:
przycisk. wyłączony = PRAWDA ;Jak widać, przycisk na wyjściu został wyłączony:
Przykład 2: Wyłącz przycisk w zdarzeniu Click
Tutaj wyłączymy przycisk podczas klikania na niego. Najpierw uzyskaj odniesienie do przycisku, używając przypisanego mu identyfikatora:
Zadzwoń do ' addEventListener() ” poprzez dołączenie „ Kliknij ” zdarzenie, które ustawi właściwość wyłączoną „ PRAWDA ” podczas klikania przycisku:
przycisk. addEventListener ( 'Kliknij' , funkcjonować ( ) {Jeśli ( przycisk. wyłączony ) {
przycisk. wyłączony = FAŁSZ ;
}
w przeciwnym razie {
przycisk. wyłączony = PRAWDA ;
}
} ) ;
Można zaobserwować, że po kliknięciu przycisku zostaje on wyłączony:
To było wszystko o przycisku wyłączania w JavaScript.
Wniosek
Aby wyłączyć przycisk HTML w JavaScript, użyj „ wyłączony ” właściwości elementu przycisku. Pomaga dynamicznie włączać lub wyłączać przycisk, podczas gdy atrybut HTML „disabled” trwale wyłącza przycisk. W tym artykule zilustrowano metodę wyłączania przycisku HTML w JavaScript.