Controlla un pulsante di opzione con JavaScript

In alcuni casi, i programmatori devono controllare/contrassegnare il pulsante di opzione. Ad esempio, selezionando automaticamente il pulsante di radio appropriato in base ad alcune azioni dell'utente o a uno scenario specifico. Per questo, usa JavaScript "controllato"Proprietà del pulsante di opzione da impostare"VERO". Controllare un pulsante di opzione con JavaScript può rendere il sito Web più semplice ed efficiente.

Questo blog dimostrerà il modo per controllare/contrassegnare un elemento del pulsante di radio HTML usando JavaScript.

Come controllare un pulsante di opzione con JavaScript?

Per controllare un pulsante di opzione con JavaScript, usa "controllato"Proprietà/attributo di un pulsante di opzione HTML. È un attributo valore booleano utilizzato per restituire lo stato controllato di un pulsante di opzione.

Sintassi
Per impostare i valori, utilizzare la seguente sintassi in cui impostiamo il valore dell'attributo "VERO" O "falso".

radioobject.controllato = vero | falso

Esempio 1: selezionare un pulsante di opzione facendo clic sul pulsante
Crea un pulsante di opzione:

Essere d'accordo

Crea un pulsante che controllerà il pulsante di opzione facendo clic su di esso:

Seleziona il pulsante di opzione

Definire una funzione "checktheradio ()"Ciò attiverà il clic del pulsante. Ottieni il riferimento del pulsante di opzione e imposta il “controllato"Proprietà a"VERO":

funzione checktheradio ()
documento.getElementById ("ACCOTTO").controllato = vero;

Qui, puoi vedere che il pulsante di opzione è stato controllato correttamente facendo clic su "Seleziona il pulsante di opzione":

Puoi anche usare il “controllato"Proprietà per ottenere il valore del pulsante di opzione selezionato.

Esempio 2: ottieni il valore del pulsante di opzione selezionato
In un file HTML, crea un gruppo di pulsanti di radio che indichi i giorni della settimana:

Lunedi

Martedì

Mercoledì

Giovedì

Venerdì

Sabato

Domenica

Crea un pulsante attaccando un "al clic()"Evento che chiamerà la funzione"controllo()":

Controlla il pulsante di opzione selezionato

Creare un

Tag per ottenere il valore del pulsante di opzione selezionato:

Nel file JavaScript, in primo luogo, ottieni i riferimenti dei pulsanti di opzione, del pulsante e di a

tag "getElementById ()" E "QuerySelectorAll ()"Metodi:

const checkBtn = documento.getElementById ('btn');
const radiobtn = documento.QuerySelectorall ('input [name = "week"]');
const selectedValue = document.getElementById ("Value");

Definire una funzione chiamata "controllo()"Che controllerà il pulsante di opzione"controllato"Proprietà, ottieni i loro valori e visualizzali sulla pagina web. Dà un valore booleano "VERO"Se il pulsante di opzione viene controllato e"falso"Se non c'è nessuno controllato:

funzione check ()
Lascia che il giorno;
per (const radive di radiobtn)
Se (radio.controllato)
giorno = radio.valore;
rottura;


if (day)
Valore selezionato.InnerText = 'Selected Day is $ day';

altro
Valore selezionato.InnerText = 'Seleziona qualsiasi pulsante di opzione';

Produzione

Si tratta di controllare un pulsante di opzione con JavaScript.

Conclusione

Per controllare un pulsante di opzione con JavaScript, usa il “controllato"Proprietà del pulsante di opzione HTML. Dà e imposta il valore booleano "VERO" E "falso". Viene utilizzato sia per l'impostazione che per ottenere il valore dei pulsanti di opzione. Questo blog ha dimostrato la procedura per controllare un pulsante di opzione con JavaScript.