Jak uzyskać wartość wyboru w JavaScript

W JavaScript uzyskanie wartości wyboru przynosi łatwość użytkownika podczas potwierdzania wybranych opcji. Ponadto, w przypadku przesłania ważnego formularza, uzyskanie wartości pole wyboru Wartość pomaga w wprowadzeniu dokładnych informacji. Ponadto wybór wielu opcji odpowiedzi w quizie lub kwestionariuszu i uzyskanie wartości pola wyboru pomaga znaleźć właściwe rozwiązanie.

Ten zapis poprowadzi Cię do uzyskania/pobierania wartości pole wyboru w JavaScript.

Jak zdobyć/pobierać wartość wyboru w JavaScript?

Aby uzyskać wartość wyboru w JavaScript, możesz użyć:

• • "dokument.QuerySelelection ()" metoda
  • "dokument.GetElementById" metoda

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

Metoda 1: Pobierz wartość pole wyboru w JavaScript za pomocą dokumentu.Metoda QuerySelectorall ()

„„dokument.QuerySelelection ()”Metoda zwraca wszystkie elementy pasujące do selektora CSS. Możesz także wykorzystać tę metodę, aby wybrać określone wartości pole wyboru.

Składnia

dokument.querySelelectionall (selektory CSS)

Tutaj, "Selektory CSS”Patrz nazwa pole wyboru zdefiniowana w pliku HTML.

Przejrzyj następujący przykład demonstracji:

Przykład

W pierwszym kroku przypisamy „etykieta dla”Atrybut, który określa etykietę dla wejścia elementu HTML formularza. Następnie dodamy typ wejściowy „pole wyboru”Aby użyć pola wyboru jako wejścia. Teraz przypisamy „nazwa”,„wartość", I "ID”Dla każdego pola wyboru. Na koniec dołączymy również przycisk do uzyskania wartości wyboru. Procesy te zostaną powtórzone dla każdego z trzech pola wyboru:

Wybierz swój ulubiony język

Pyton
Jawa
JavaScript

Zdobądź wybrany temat

W następnym kroku przycisk pobramy „ID" za pomocą "dokument.QuerySelelect ()”Metoda i dodaj„Kliknij„Wydarzenie do przycisku. Następnie dołącz „dokument.QuerySelelection ()„Metoda w ramach zdarzenia kliknięcia, aby wybrać wartości określonych pola wyboru. Na koniec zastosuj „naciskać()„Metoda wyświetlania wartości każdego wybranego pola wyboru za pomocą„dokument.pisać()" metoda:

Wyjście powyższej implementacji spowoduje:

Metoda 2: Pobierz wartość pole wyboru w JavaScript za pomocą dokumentu.metoda getelementById ()

„„dokument.getElementById ()”Metoda zwraca element o określonej wartości lub identyfikatorze. Można go również użyć do pobrania pola wyboru „ID”I zwróć wartość każdego wybranego pola wyboru.

Składnia

dokument.getElementById (elementId)

Tutaj "ElementId" odnosi się do wartości identyfikatora elementu, którego wybrana wartość zostanie pobrana.

Przejrzyjmy następujący przykład demonstracji.

Przykład

Po pierwsze, określamy typ wejściowy do „pole wyboru”I przypisz„ID”,„klasa", I "wartość”Do każdego pola wyboru, jak omówiono w poprzedniej metodzie. Będziemy zawierać te funkcje w znaczniku o nazwie Tabela Dane „". Podobnie dołączymy przycisk z „na kliknięcie„Wydarzenie, które uzyska dostęp do funkcji”getCheckBoxValue ()”:

Wybierz swój ulubiony język

Pyton:
Jawa:
JavaScript:
Składać

Teraz zadeklarujemy funkcję o nazwie „getCheckBoxValue ()„Aby pobrać identyfikator każdego pola wyboru za pomocą„dokument.getElementById ()" metoda. Następnie utworzymy zmienną „wynik”, W którym będzie przechowywana wynikowa wartość wybranego pola wyboru.

Na koniec dodamy różne warunki dla każdego pola wyboru za pomocą „Jeśli inaczej" sprawozdania. Te stwierdzenia będą działać w taki sposób, że jeśli określone pole wyboru zostanie wybrane lub oznaczone jako sprawdzenie, dokument.Metoda getElementById () uzyska dostęp do jego identyfikatora, a odpowiednia wartość w stosunku do tego konkretnego identyfikatora zostanie wyświetlona. Na koniec wyświetl zawartość wartości wyboru Store:

Wyjście powyższej implementacji spowoduje:

Podaliśmy wszystkie najprostsze metody otrzymywania wartości pole wyboru w JavaScript.

Wniosek

Aby uzyskać wartość wyboru w JavaScript, możesz użyć „dokument.QuerySelelection ()”Metoda wyboru określonych pola wyboru lub„dokument.GetElementById„Metoda uzyskania„ID”W przypadku każdego z wybranych pola wyboru i wyświetl jego odpowiednią wartość. Ten zapis wyjaśnił metody otrzymywania wartości pole wyboru w JavaScript.