Jak sprawdzić, czy pole wyboru jest sprawdzane za pomocą JavaScript

Pole wyboru to typ wejściowy HTML, który działa jako pole wyboru. Jest wykorzystywany do wybierania lub odznaczania określonej opcji. Pola wyboru są często wykorzystywane do pozwalania odwiedzającym zaangażować się w strony internetowe i często publikować dane na backend, zaznaczając pole, które dotyczy określonego warunku.

Ten podręcznik zademonstruje technikę weryfikacji, czy pole wyboru jest sprawdzone, czy nie.

Jak sprawdzić, czy pole wyboru jest sprawdzane za pomocą JavaScript?

Aby ustalić, czy pole wyboru jest zaznaczone, użyj „sprawdzony" nieruchomość. Jak wiemy, każdy element zawiera kilka cech, które pozwalają JavaScript na kontrolowanie go w określony sposób. Sprawdzona właściwość podaje wartość logiczną prawdziwą lub fałsz po wybraniu pola wyboru.

Przykład 1: Używanie zdarzenia onClick () do sprawdzenia, czy pole wyboru jest sprawdzone
Najpierw utworzymy pole wyboru dołączające „na kliknięcie()„Wydarzenie, które wywoła zdefiniowane przez użytkownika”boxchecked ()„Funkcja, aby sprawdzić, czy pole wyboru jest sprawdzone, czy nie:

Zaznacz pole, aby akceptować warunki:

Akceptuję wszystkie warunki.

W pliku JavaScript zdefiniujemy funkcję o nazwie „boxchecked ()”, Który najpierw przyniesie identyfikator pole wyboru za pomocą„getElementById ()”Metoda, a następnie zastosuj sprawdzoną właściwość w taki sposób, aby sprawdzona zwrócona wartość jest ustawiona na„PRAWDA„Jeśli jest oznaczony jako sprawdzony. Następnie zostanie wyświetlona ostrzeżenie z komunikatem „Pole wyboru jest sprawdzane! Dzięki za zaakceptowanie:”:

funkcja boxChecked ()
var wyboru = dokument.getElementById („pole wyboru”);
if (pole wyboru.Checked == True)
alert („pole wyboru jest zaznaczone! Dzięki za zaakceptowanie:");

Odpowiednie wyjście pokazano poniżej:

Przykład 2: Za pomocą metody addEventListener () do sprawdzania, czy pole wyboru jest zaznaczone
Tutaj utworzymy pole wyboru bez zdarzenia onClick (). Następnie dodamy akapit, a jego wyświetlacz jest ustawiony jako „nic”Dopóki pole wyboru nie zostanie sprawdzone. W drugim przypadku, gdy pole wyboru jest oznaczone jako zaznaczone, jego dodany tekst zostanie wyświetlony w kolorze zielonym:

Akceptuję wszystkie warunki.

SPRAWDZONY!

Możesz także sprawdzić, czy pole wyboru jest zaznaczone, czy nie bez użycia zdarzenia onClick (). Tutaj użyjemy innej metody o nazwie „addEventListener ()”Z„QuerySelelect ()”Metoda przy użyciu właściwości sprawdzonej pola wyboru. Będzie to działać w taki sposób, że metoda QuerySelector () najpierw wybierze pierwszy element dopasowany do dodanego identyfikatora, a następnie metoda addEventListener () powiąza „”Kliknij„Wydarzenie z nim:

var text = dokument.getElementById („tekst”);
dokument.QuerySelelect („#wyboru”).addEventListener („kliknij”, (zdarzenie) =>
if (wydarzenie.cel.sprawdzony)
tekst.styl.display = "blok";

)

Można zauważyć, że po oznaczeniu pole wyboru dodana zawartość jest wyświetlana w kolorze zielonym:

Wszystko, co musisz wiedzieć o tym, jak ustalić, czy pole wyboru jest oznaczone, czy nie, zostało dostarczone.

Wniosek

Aby ustalić, czy pole wyboru jest zaznaczone, użyj pola wyboru „sprawdzony" nieruchomość. Sprawdzona właściwość wyświetla wartość logiczną True, jeśli jest sprawdzona; w przeciwnym razie daje fałsz. W celu weryfikacji możesz użyć dwóch różnych procedur; Jednym z nich jest zdarzenie onClick (), a druga metoda addEventListener (). W niniejszym podręczniku opisaliśmy procedurę sprawdzenia, czy pole wyboru jest sprawdzone, czy nie za pomocą JavaScript.