Ustaw atrybut „Wyłączony” za pomocą JavaScript
Podczas tworzenia stron internetowych lub witryn obejmujących interakcję użytkownika, może istnieć wymóg wypełnienia formularza lub kwestionariusza posiadającego pola wrażliwe na sprawę. Na przykład wprowadzanie nazwy, hasła itp. Ponadto ogranicza użytkownika przed wprowadzeniem pola lub przesłania formularza, jeżeli spełniony jest określony wymóg. W takich scenariuszach ustawienie atrybutu wyłączonego za pomocą JavaScript staje się bardzo pomocne w dostarczaniu trybu komunikacji między programistą a użytkownikiem końcowym.
Ten artykuł ilustruje, jak ustawić atrybut wyłączony w JavaScript.
Jak ustawić atrybut „niepełnosprawny” w JavaScript?
„„wyłączony„Atrybut można ustawić za pomocą„setAttribute ()" metoda. Metoda setAttribute () przypisuje określoną wartość do atrybutu. Tę metodę można zastosować, aby przypisać element konkretny atrybut.
Składnia
element.setAttribute (nazwa, wartość)
W powyższej składni:
- "nazwa”Określa nazwę atrybutu.
- "wartość”Odpowiada wartości nowego atrybutu.
Śledźmy poniższe przykłady.
Przykład 1: Ustaw atrybut „wyłączony” pola wejściowego
W tym przykładzie pojedyncze pole wejściowe zostanie wyłączone po kliknięciu przycisku.
Obserwujmy pod względem podanego przykładu:
W powyższych wierszach kodu:
- Dołącz pole wejściowe o określonym „ID”I„symbol zastępczy" wartość.
- Utwórz także przycisk z załączonym „na kliknięcie„Przekierowanie zdarzeń do funkcji setDisable ().
- W części kodu JavaScript zadeklaruj funkcję o nazwie „setDisable ()". W swojej definicji uzyskaj dostęp do zawartego pola wejściowego za pomocą jego „ID" w "getElementById ()" metoda.
- Na koniec zastosuj „setAttribute ()„Metoda taka, że pobrany element w poprzednim kroku przypisuje się atrybut”wyłączony".
- Spowoduje to wyłączenie pola wejściowego po kliknięciu przycisku.
Wyjście
Z powyższego wyjścia można zaobserwować, że pole wejściowe zostaje wyłączone po kliknięciu przycisku.
Przykład 2: Ustaw atrybut „niepełnosprawny” za pomocą wartości logicznej
W tym przykładzie atrybut niepełnosprawny zostanie przeznaczony na wartość logiczną, aby wykonać pożądaną funkcjonalność.
Poniższy przykład wyjaśnia podaną koncepcję:
Zgodnie z powyższym fragmentem kodu:
- Przydzielić dane wejściowe „TextArea„Element o podaniu„ID".
- Utwórz także przycisk o „na kliknięcie„Wydarzenie, które wywoła funkcję setDisable ().
- W części kodu JavaScript zdefiniuj funkcję o nazwie „setDisable ()". W swojej definicji, podobnie, uzyskuj dostęp do dołączonego obszaru tekstu, zastosuj „setAttribute ()”Metoda i przypisz wartość logiczną”PRAWDA”Odpowiednio.
- To spowoduje wyłączenie obszaru tekstu wejściowego po kliknięciu przycisku.
Wyjście
„„wyłączony„Atrybut jest ustawiony we właściwy sposób.
Przykład 3: Ustaw atrybut „wyłączony” na wiele elementów
Ten przykład spowoduje ustawienie „wyłączony”Atrybut w taki sposób, że różne elementy zostaną wyłączone po kliknięciu przycisku w tym samym czasie.
Przeglądajmy poniższy przykład:
Przejrzyj następujące kroki podane w powyższym fragmencie kodu:
- Najpierw dołącz dane wejściowe „Pola tekstowe”I„pole wyboru”Element, odpowiednio o określonej klasie.
- Podobnie utwórz przycisk o „na kliknięcie„Wydarzenie wywołujące funkcję setDisable ().
- W części kodu JavaScript zadeklaruj funkcję o nazwie „setDisable ()". W swojej definicji uzyskaj dostęp do dołączonych elementów za pomocą „getElementsByClassName ()" metoda.
- Następnie zastosuj „Do" pętla. W pętli zastosuj „setAttribute ()”Metoda tak, aby wszystkie zawarte elementy zostały wyłączone po kliknięciu przycisku.
Wyjście
Z powyższego wyjścia widać, że wszystkie elementy zostaną wyłączone po kliknięciu przycisku.
Wniosek
„„setAttribute ()„Metoda można zaimplementować, biorąc różne parametry, aby ustawić atrybut wyłączony za pomocą JavaScript. Tę metodę można zastosować do pola wejściowego z lub bez przypisanej wartości logicznej. Można go również wykorzystać do wyłączenia wielu elementów jednocześnie. W tym samouczku wyjaśniono, jak ustawić atrybut Wyłącz za pomocą JavaScript.