Verifique um botão de rádio com JavaScript

Em alguns casos, os programadores precisam verificar/marcar o botão de rádio. Por exemplo, selecionar o botão de rádio apropriado automaticamente com base em alguma ação do usuário ou em um cenário específico. Para isso, use o javascript “verificado”Propriedade do botão de rádio para definir“verdadeiro”. Verificar um botão de rádio com javascript pode tornar o uso do site mais fácil e mais eficiente.

Este blog demonstrará a maneira de verificar/marcar um elemento de botão de rádio HTML usando JavaScript.

Como verificar um botão de rádio com javascript?

Para verificar um botão de rádio com JavaScript, use o “verificado”Propriedade/atributo de um botão de rádio HTML. É um atributo de valor booleano utilizado para retornar o estado verificado de um botão de rádio.

Sintaxe
Para definir os valores, use a seguinte sintaxe, onde definimos o valor do atributo como “verdadeiro" ou "falso”.

RadioObject.verificado = true | false

Exemplo 1: verifique um botão de rádio clicando no botão
Crie um botão de rádio:

Concordar

Crie um botão que verifique o botão de rádio clicando nele:

Selecione o botão de rádio

Defina uma função “CheckTheradio ()”Isso vai acionar o botão Clique. Obtenha a referência do botão de rádio e defina o “verificado"Propriedade para"verdadeiro”:

função checkTheradio ()
documento.getElementById ("concordo").verificado = true;

Aqui, você pode ver que o botão de rádio foi verificado com sucesso clicando no “Selecione o botão de rádio”:

Você também pode usar o “verificado”Propriedade para obter o valor do botão de rádio selecionado.

Exemplo 2: Obtenha o valor do botão de rádio selecionado
Em um arquivo HTML, crie um grupo de botões de rádio que indique os dias da semana:

Segunda-feira

Terça-feira

Quarta-feira

Quinta-feira

Sexta-feira

Sábado

Domingo

Crie um botão anexando um “OnClick ()”Evento que chamará a função“verificar()”:

Verifique o botão de rádio selecionado

Criar uma

Tag para obter o valor do botão de rádio selecionado:

No arquivo javascript, primeiro, obtenha as referências dos botões de rádio, botão e um

marcação "getElementById ()" e "QuerySelectorAll ()" métodos:

const checkbtn = documento.getElementById ('btn');
const radiobtn = documento.QuerySelectorAll ('input [nome = "semana"]');
const selectectedValue = documento.getElementById ("valor");

Defina uma função chamada “verificar()”Isso verificará o botão de rádio“verificado”Propriedade, obtenha seus valores e exibi -los na página da web. Dá um valor booleano “verdadeiro"Se o botão de rádio for verificado e"falso”Se não houver ninguém está verificado:

função check ()
DIA;
para (const Radio of Radiobtn)
if (rádio.verificado)
dia = rádio.valor;
quebrar;


if (dia)
SelectedValue.INNERTEXT = 'O dia selecionado é $ dia';

outro
SelectedValue.INNERTEXT = 'Selecione qualquer botão de rádio';

Saída

É tudo sobre verificar um botão de rádio com JavaScript.

Conclusão

Para verificar um botão de rádio com JavaScript, use o “verificado”Propriedade do botão de rádio HTML. Dá e define o valor booleano “verdadeiro" e "falso”. É utilizado para definir e obter o valor dos botões de rádio. Este blog demonstrou o procedimento para verificar um botão de rádio com JavaScript.