Jak sprawdzić i odznaczyć wszystkie pola wyboru za pomocą JavaScript

Może istnieć sytuacja, w której wszystkie pola wyboru muszą zostać sprawdzone lub niezaznaczone w przypadku dowolnego kwestionariusza lub quizu. Na przykład konieczne jest dokonanie wielu opcji z listy określonych elementów lub w ogóle nie dokonanie wyboru lub gdy trzeba wybrać lub wyczyścić wybrane opcje w formularzu za jednym razem. W takich przypadkach sprawdzanie i odkazanie wszystkich pola wyboru za pomocą JavaScript staje się bardzo przydatne i ratujące czasy.

W tym artykule pokazuje metody sprawdzania i odkazania wszystkich pola wyboru za pomocą JavaScript.

Jak sprawdzić i odznaczyć wszystkie pola wyboru za pomocą JavaScript?

Aby sprawdzić i odznaczyć wszystkie pola wyboru w JavaScript, możesz złożyć wniosek:

• "dokument.getelementsByName”Metoda z pola wyboru
• "dokument.getelementsByName”Metoda z przyciskami

Wspomniane podejścia zostaną teraz omówione jeden po drugim!

Metoda 1: Sprawdź i odznacz wszystkie pola wyboru w JavaScript za pomocą „Dokument.getElementsByName () ”z„ pola wyboru ”

„„dokument.getElementsByName ()”Metoda zwraca elementy o określonej nazwie w swoich argumentach. Ta metoda zostanie zastosowana w celu uzyskania wartości każdego pola wyboru za pomocą przekazanej nazwy.

Przejrzyjmy następujący przykład demonstracji.

Przykład

Po pierwsze, typ wejściowy zostanie określony jako „pole wyboru”, A konkretna nazwa i wartość zostaną przypisane do każdego pola wyboru:

Pyton

Jawa

JavaScript

Teraz dołącz dodatkowe pole wyboru o wartości ”Zaznacz wszystkie”I dołącz„na kliknięcie()„Wydarzenie z tym pola wyboru, które będzie działać w taki sposób, że pola wyboru zostanie kliknięteCheckunchecked() ”Metoda zostanie wywołana obiektem„Ten„Jako argument:

Zaznacz wszystkie

Następnie zdefiniuj funkcję o nazwie „Checkuncheck ()”W pliku JavaScript z zmienną o nazwie„pole wyboru„Jako argument. Teraz uzyskaj dostęp do wartości pole wyboru za pomocą „dokument.getElementsByName ()„Metoda i umieść wartość„nazwa”Atrybut jako jego argument.

Na koniec zastosuj „Do„Pętla, aby iterować wszystkie wartości pola wyboru i użyć„sprawdzony„Własność, aby zaznaczyć je wszystkie zgodnie z sprawdzeniem:

funkcja checkUncheck (pole wyboru)
get = Dokument.getElementsByName („lang”);
dla (var i = 0; iZdobądź [i].Checked = pole wyboru.sprawdzony;

Jak widać, kiedy „Zaznacz wszystkie”Pole wyboru jest oznaczone, wszystkie pozostałe pola wyboru są również oznaczone jako zaznaczone:

Metoda 2: Sprawdź i odznacz wszystkie pola wyboru w JavaScript za pomocą „Dokument.GetElementsByName () ”z„ przyciskami ”

„„dokument.getElementsByName ()”Metoda, jak omówiono w poprzedniej metodzie, pobiera elementy o określonej nazwie w swoich argumentach. Można go wykorzystać do sprawdzania lub odznaczania wszystkich dodanych pola wyboru na stronie internetowej.

Spójrz na poniższy przykład demonstracji.

Przykład

Teraz dołączymy dwa przyciski zarówno dla „Sprawdza wszystkie" I "Odznacz wszystkie”Funkcje. Następnie dołącz „na kliknięcie”Zdarzenie z oba przyciskiem, które oddzielnie uzyska dostęp do określonych funkcji:

Następnie zdefiniuj funkcję o nazwie „sprawdzać()”I zastosuj„dokument.getelementsByName„Metoda o określonej wartości„nazwa" atrybut. Następnie iteruj „Do”Pętla wzdłuż wszystkich wartości pole wyboru omówione w poprzedniej metodzie.

Ponadto, gdy kliknie się powiązany przycisk, „sprawdzony„Właściwość oznaczy wszystkie pola wyboru i ustawi stan Checked jako„PRAWDA”:

Funkcja Check ()
var get = dokument.getElementsByName („Check”);
dla (var i = 0; iZdobądź [i].Checked = true;

Następnie zdefiniuj funkcję o nazwie „Uncheck ()”I dodaj do niego odwrotną funkcjonalność, aby zaznaczyć odprawę właściwości jako„FAŁSZ”:

funkcja Uncheck ()
var get = dokument.getElementsByName („Check”);
dla (var i = 0; iZdobądź [i].Checked = False;

W wyjściu można zobaczyć, że dodane przyciski działają idealnie:

Dostarliśmy najłatwiejsze metody sprawdzania i odznaczania wszystkich pola wyboru za pomocą JavaScript.

Wniosek

Aby sprawdzić i odkręcić wszystkie pola wyboru za pomocą JavaScript, użyj „dokument.getElementsByName ()„Metoda z„Pola wyboru„Aby dodać pole wyboru i uzyskać dostęp do funkcji, co spowoduje sprawdzenie pól wyboru lub zastosowanie tej samej metody za pomocą„guziki”Aby uwzględnić dwa przyciski osobno w celu sprawdzania i oderwania wszystkich określonych wartości. W tym zapisie wyjaśniono metody sprawdzania i oderwania wszystkich pola wyboru za pomocą JavaScript.