Sjekk en alternativknapp med JavaScript

I noen tilfeller må programmerere sjekke/merke alternativknappen. For eksempel å velge riktig alternativknapp automatisk basert på noen brukerhandlinger eller et spesifikt scenario. For dette, bruk JavaScript “krysset av”Eiendom på alternativknappen til å stille inn”ekte”. Å sjekke en alternativknapp med JavaScript kan gjøre det enklere og mer effektivt å bruke nettstedet.

Denne bloggen vil demonstrere måten å sjekke/merke et HTML -alternativknappelement ved hjelp av JavaScript.

Hvordan sjekke en alternativknapp med JavaScript?

For å sjekke en alternativknapp med JavaScript, bruk "krysset av”Eiendom/attributt til en HTML -alternativknapp. Det er en boolsk verdi -attributt som brukes til å returnere den sjekket tilstanden til alternativknappen.

Syntaks
For å angi verdiene, bruk følgende syntaks der vi angir verdien av attributtet til “ekte”Eller“falsk”.

RadioObject.Sjekket = sant | Falske

Eksempel 1: Kontroller en alternativknapp ved å klikke på knappen
Opprett en alternativknapp:

Bli enige

Opprett en knapp som vil sjekke alternativknappen ved å klikke på den:

Velg alternativknapp

Definere en funksjon “CheckTherAdio ()”Det vil utløse på knappeklikket. Få referanse til alternativknappen og angi “krysset av”Eiendom til“ekte”:

funksjon checkTherAdio ()
dokument.getElementById ("Enig").sjekket = sant;

Her kan du se at alternativknappen har blitt sjekket med suksess ved å klikke på "Velg alternativknapp”:

Du kan også bruke “krysset av”Eiendom for å få verdien av den valgte alternativknappen.

Eksempel 2: Få verdien av den valgte alternativknappen
I en HTML -fil, lag en gruppe radioknapper som indikerer ukens dager:

mandag

tirsdag

onsdag

Torsdag

fredag

lørdag

søndag

Opprett en knapp ved å legge ved en “ved trykk()”Hendelse som vil kalle funksjonen”Sjekk()”:

Sjekk valgt alternativknapp

Lage en

Tag for å få den valgte alternativknappens verdi:

I JavaScript -filen, først, få referanser til radioknappene, knappen og en

stikkord "getElementById ()”Og“QuerySelectorAll ()”Metoder:

const checkBtn = dokument.getElementById ('btn');
const radiobtn = dokument.querySelectorAll ('input [name = "week"]');
const SelectedValue = Dokument.getElementById ("verdi");

Definere en funksjon som heter “Sjekk()”Som vil sjekke alternativknappen“krysset av”Eiendom, få verdiene sine og vise dem på websiden. Det gir en boolsk verdi “ekte”Hvis alternativknappen er sjekket og“falsk”Hvis det er ingen blir sjekket:

funksjonskontroll ()
La dagen;
for (const radio av radiobtn)
hvis (radio.krysset av)
dag = radio.verdi;
gå i stykker;


if (dag)
SelectedValue.innertekst = 'valgt dag er $ day';

ellers
SelectedValue.innertekst = 'Vennligst velg hvilken som helst alternativknapp';

Produksjon

Det handler om å sjekke en alternativknapp med JavaScript.

Konklusjon

For å sjekke en alternativknapp med JavaScript, bruk "krysset av”Eiendom til HTML -alternativknappen. Den gir og setter den boolske verdien “ekte”Og“falsk”. Det brukes både for innstilling og å få verdien av radioknappene. Denne bloggen demonstrerte prosedyren for å sjekke en alternativknapp med JavaScript.