Sprawdź przycisk opcji za pomocą JavaScript

W niektórych przypadkach programiści muszą sprawdzić/oznaczyć przycisk opcji. Na przykład automatycznie wybieranie odpowiedniego przycisku opcji na niektórych akcjach użytkownika lub określonego scenariusza. W tym celu użyj JavaScript „sprawdzony„Własność przycisku opcji do ustawienia„PRAWDA". Sprawdzanie przycisku opcji za pomocą JavaScript może sprawić, że korzystanie z Witryny jest łatwiejsze i bardziej wydajne.

Ten blog zademonstruje sposób sprawdzenia/zaznaczenie elementu modelu radiowego HTML za pomocą JavaScript.

Jak sprawdzić przycisk opcji za pomocą JavaScript?

Aby sprawdzić przycisk opcji za pomocą JavaScript, użyj „sprawdzony”Właściwość/atrybut przycisku opcji HTML. Jest to atrybut wartości logicznej wykorzystywany do zwrócenia sprawdzonego stanu przycisku opcji.

Składnia
Aby ustawić wartości, użyj następującej składni, w której ustawiamy wartość atrybutu na „PRAWDA" Lub "FAŁSZ".

RadioObject.sprawdzone = prawda | Fałsz

Przykład 1: Sprawdź przycisk opcji, klikając przycisk
Utwórz przycisk opcji:

Zgadzać się

Utwórz przycisk, który sprawdzi przycisk opcji, klikając go:

Wybierz przycisk opcji

Zdefiniuj funkcję „CheckTheradio ()„To wywoła kliknięcie przycisku. Uzyskaj odniesienie do przycisku opcji i ustaw „sprawdzony„Własność do„PRAWDA”:

funkcja CheckTheradio ()
dokument.getElementById („zgadzam się”).Checked = True;

Tutaj widać, że przycisk opcji został pomyślnie sprawdzony, klikając „Wybierz przycisk opcji”:

Możesz także użyć „sprawdzony„Własność, aby uzyskać wartość wybranego przycisku opcji.

Przykład 2: Uzyskaj wartość wybranego przycisku opcji
W pliku HTML utwórz grupę przycisków opcji wskazujących dni tygodnia:

Poniedziałek

Wtorek

Środa

Czwartek

Piątek

Sobota

Niedziela

Utwórz przycisk, dołączając „na kliknięcie()„Wydarzenie, które wywoła funkcję„sprawdzać()”:

Sprawdź wybrany przycisk opcji

Stwórz

Tag, aby uzyskać wartość wybranego przycisku opcji:

W pliku JavaScript najpierw zdobądź referencje przycisków opcji, przycisku i

tag ”getElementById ()" I "QuerySelelection ()”Metody:

const CheckBtn = Dokument.getElementById („btn”);
const radiobtn = dokument.querySeLelectallAll ('input [name = "tydzień"]');
const selectedValue = dokument.getElementById („wartość”);

Zdefiniuj funkcję o nazwie „sprawdzać()„To sprawdzi przycisk opcji„sprawdzony„Właściwość, uzyskaj ich wartości i wyświetl je na stronie internetowej. Daje wartość logiczną ”PRAWDA”Jeśli przycisk opcji jest sprawdzony i„FAŁSZ„Jeśli nikogo nie jest sprawdzone:

Funkcja Check ()
Niech dzień;
dla (Const Radio of Radiobtn)
if (radio.sprawdzony)
dzień = radio.wartość;
przerwa;


if (dzień)
wybrana wartość.innerText = 'Wybrany dzień to $ day';

w przeciwnym razie
wybrana wartość.innerText = 'wybierz dowolny przycisk opcji' ';

Wyjście

Chodzi o sprawdzenie przycisku radiowego za pomocą JavaScript.

Wniosek

Aby sprawdzić przycisk opcji za pomocą JavaScript, użyj „sprawdzony„Własność przycisku radiowego HTML. Daje i ustawia wartość logiczną „PRAWDA" I "FAŁSZ". Jest wykorzystywany zarówno do ustawienia, jak i uzyskania wartości przycisków opcji. Ten blog wykazał procedurę sprawdzania przycisku radiowego za pomocą JavaScript.