Różne sposoby uzyskania wartości z przycisku opcji w JavaScript

W JavaScript zwykle napotykamy strony internetowe, na których konieczne jest uzyskanie wartości przycisku opcji do sprawdzenia, czy wprowadzone dane są prawidłowe, czy nie. Na przykład musisz przesłać formularz i powiadomić użytkownika, jeśli wprowadzone dane są istotne. W takich przypadkach uzyskanie wartości z przycisku opcji w JavaScript jest bardzo pomocną funkcją zapisywania czasu użytkownika końcowego i zapewnienia bezpieczeństwa danych.

Różne sposoby uzyskania wartości z przycisku opcji w JavaScript

Aby uzyskać wartość z przycisku opcji w JavaScript, można zastosować następujące metody:

• "getElementById ()" I "getElementsByName ()”Metody
• "znajdować()" metoda
• "sprawdzony" nieruchomość

Teraz przejdziemy przez każdą z wymienionych metodologii jeden po drugim!

Metoda 1: Uzyskaj wartość z przycisku opcji w JavaScript za pomocą metod getElementById () i getElementsByName ()

„„getElementById ()„Metoda pobiera element z określonym identyfikatorem i„getElementsByName ()”Metoda uzyskuje dostęp do elementów o nazwie określonej w jego argumencie. Metody te można użyć do uzyskania zarówno identyfikatora przycisku atrybutów, jak i wartości nazwy dostępu do nich i wyświetlania ich wartości.

Składnia

dokument.getElementById (elementId)

Tutaj, "ElementId”Odnosi się do określonego identyfikatora dodanego elementu.

dokument.getElementsByName (nazwa)

W powyższej składni „nazwa”To wartość nazwy elementu.

Poniższy przykład wyraźnie wyjaśni określoną koncepcję.

Przykład

W poniższym przykładzie dołączymy nagłówek w „„Tag z przerwą linii w następujący sposób:

Wybierz dowolny:

Teraz przypisz typ wejściowy jako „radio”Przycisk opcji i określ jego identyfikator, nazwę i wartość:

Uwzględnij także „etykieta”Dla typu wejściowego o wartości o nazwie„E-mail”:

E-mail

Podobnie powtórz omawiane kroki dla „Nr telefonu." pole:

Nr telefonu.

Następnie dołącz przycisk o nazwie „Składać„Aby uzyskać wartość po kliknięciu:

Składać

Teraz przycisk utworzony za pomocą „dokument.getElementById ()”Metoda w pliku JavaScript. Zastosuj także „na kliknięcie„Wydarzenie, aby uzyskać dostęp do funkcji. W funkcji zdefiniowanej poniżej dostęp do obu typów wejściowych za pomocą „dokument.getElementsByName ()„Metoda jako„nazwa”Atrybut w obu typach wejściowych jest taki sam.

Na koniec zastosuj „Do”Pętla i uzyskaj wartość wybranego przycisku opcji za pomocą„sprawdzony„Właściwość i wyświetl ją w polu alertu:

dokument.getElementById („prześlij”).onClick = function ()
var wartość = dokument.getElementsByName („kontakt”);
dla (var radio wartości)
if (radio.sprawdzony)
Alert (radio.wartość);

Wyjście powyższego programu spowoduje następujący sposób:

Metoda 2: Uzyskaj wartość z przycisku opcji w JavaScript za pomocą metody find ()

„„znajdować()„Metoda uzyskuje dostęp do wartości pierwszego elementu. Tę metodę można zaimplementować, aby uzyskać wartość zaznaczonego przycisku radiowego, znajdując określone atrybuty za pomocą dodanej nazwy.

Składnia

Szyk.z (wartość).Znajdź (radio => radio.sprawdzony)

Tutaj, "z()„Metoda będzie dostępna do określonego elementu”, „znajdować()„Metoda będzie zgodna z wartością zaznaczonego przycisku opcji, a wynikowa wartość zostanie zwrócona.

Spójrz na poniższy przykład.

Przykład

W przypadku HTML użyjemy tego samego kodu podanego w poprzedniej metodzie. W naszym pliku JavaScript pobramy identyfikator przycisku za pomocą „dokument.getElementById ()„Metoda z„na kliknięcie„Zdarzenie uzyskiwania dostępu do funkcji, które najpierw przyniesie oba typy wejściowe o tym samym atrybucie nazwy”kontakt" używając "dokument.getElementsByName ()" metoda.

Na koniec zastosuj „z()„Metoda dostępu do wartości przechowywanej w zmiennej o nazwie„wartość”I„ „znajdować()”Metoda otrzyma sprawdzony stan wejścia. Wreszcie „„wartość„Właściwość zwróci wartość określonego przycisku radiowego oznaczonego jako sprawdzone:

dokument.getElementById („prześlij”).onClick = function ()
var wartość = dokument.getElementsByName („kontakt”);
var selectValue = tablica.z (wartość).Znajdź (radio => radio.sprawdzony);
Alert (wartość selekcyjna.wartość);

Wyjście

Metoda 3: Uzyskaj wartość z przycisku opcji w JavaScript za pomocą właściwości Checked ()

„„sprawdzony”Właściwość zwraca stan sprawdzony określonego typu wejściowego. Tę metodę można zastosować, aby sprawdzić warunek sprawdzony dla każdego przycisku opcji i zwrócić odpowiednią wartość.

Składnia

wybórBoxObject.sprawdzony

W podanej składni „wybórBoxObject”Odnosi się do określonego obiektu do sprawdzenia.

Przykład

Najpierw dodaj „etykieta" za pomocą "”Tag do określania konkretnej kategorii, a następnie przerwy w„
”Tag:

Wybierz dowolny:

Następnie powtórz powyższe omawiane procedury określania dwóch typów wejściowych jako „radio”I przypisz podane wartości, po których następuje przerwa linii pokazana poniżej:

Mężczyzna
Kobieta

Dołącz także typ wejściowy o nazwie „składać„Aby uzyskać wartość przycisku opcji po kliknięciu. Jakiś "na kliknięcie”Zostanie również dodane, aby uzyskać dostęp do określonej funkcji po kliknięciu Prześlij:

Następnie zadeklaruj funkcję o nazwie „submitdata ()”I zdobądź elementy określonych identyfikatorów i przechowuj je w wymienionych zmiennych„Dostawać" I "Get1". Na koniec zastosuj warunek, że jeśli przycisk radiowy odnoszący się do „Mężczyzna" Lub "Kobieta„Dostęp do płci jest dostępny,„sprawdzony„Nieruchomość to sprawdzi i„wartość„Własność przyniesie odpowiednią wartość w stosunku do każdego z zaznaczonego przycisku radiowego:

FunctionSubMitData ()
get = Dokument.getElementById („płeć”)
get1 = dokument.GetElementById („Genderfem”)
if (zdobądź.Checked == True)
Alert (dokument.getElementById („płeć”).wartość);

Elseif (get1.Checked == True)
Alert (dokument.GetElementById („Genderfem”).wartość);

Wyjście

Skompilowaliśmy różne sposoby uzyskania wartości z przycisku opcji w JavaScript.

Wniosek

Aby uzyskać wartość z przycisku opcji w JavaScript, zastosuj „getElementById ()" I "getElementsByName ()”Metody dostępu do obu atrybutów jednocześnie i wyświetlania ich odpowiednich wartości lub„znajdować()”Metoda sprawdzania przycisków opcji poprzez znalezienie określonych atrybutów na podstawie ich nazwisk lub„sprawdzony„Metoda właściwości zastosowania warunku dla każdego z atrybutów i uzyskania ich wartości. Ten blog jest prowadzony w związku z procedurą uzyskania wartości z przycisku opcji w JavaScript.