Como verificar se a caixa de seleção é verificada usando JavaScript

A caixa de seleção é um tipo de entrada HTML que atua como uma caixa de seleção. É utilizado para selecionar ou desmarcar uma determinada opção. As caixas de seleção são freqüentemente utilizadas para permitir que os visitantes se envolvam com páginas da web e geralmente postem dados em um back -end, verificando a caixa que se aplica a uma determinada condição.

Este manual demonstrará a técnica para verificar se a caixa de seleção foi verificada ou não.

Como verificar se a caixa de seleção é verificada usando JavaScript?

Para determinar se a caixa de seleção está marcada, use o “verificado" propriedade. Como sabemos, cada elemento contém algumas características que permitem que JavaScript o controle de certas maneiras e a propriedade Checked da caixa de seleção é uma delas. A propriedade Checked fornece ao valor booleano verdadeiro ou falso quando uma caixa de seleção é selecionada.

Exemplo 1: Usando o evento OnClick () para verificar se a caixa de seleção for verificada
Primeiro criaremos uma caixa de seleção anexando o “OnClick ()”Evento que invocará o usuário definido“boxeched ()”Função para verificar se a caixa de seleção está marcada ou não:

Verifique a caixa para aceitar termos e condições:

Eu aceito todos os termos e condições.

No arquivo JavaScript, definiremos uma função chamada “boxeched ()”, Que primeiro buscará o ID da caixa de seleção usando o“getElementById ()”Método e, em seguida, aplique a propriedade verificada de tal maneira que o valor retornado retornado é definido como“verdadeiro”Se estiver marcado como verificado. Então, um alerta será mostrado com a mensagem “A caixa de seleção é verificada! Obrigado por aceitar:”:

função boxchecked ()
Caixa de seleção var = documento.getElementById ("Caixa de seleção");
if (caixa de seleção.verificado == true)
Alerta ("A caixa de seleção é verificada! Obrigado por aceitar: ");

A saída correspondente é mostrada abaixo:

Exemplo 2: Usando o método addEventListener () para verificar se a caixa de seleção for verificada
Aqui, criaremos uma caixa de seleção sem um evento onclick (). Em seguida, adicionaremos um parágrafo e sua tela é definida como “nenhum”Até que a caixa de seleção esteja desmarcada. No outro caso, quando a caixa de seleção estiver marcada como verificada, seu texto adicionado será exibido na cor verde:

Eu aceito todos os termos e condições.

VERIFICADO!

Você também pode verificar se a caixa de seleção está marcada ou não sem usar o evento onclick (). Aqui, usaremos outro método chamado “addEventListener ()" com o "QuerySelector ()”Método usando a propriedade Checked da caixa de seleção. Isso funcionará de tal maneira que o método querySelector () selecionará primeiro o primeiro elemento correspondente ao ID adicionado e, em seguida, o método addEventListener () associará o “clique”Evento com ele:

Var Text = Documento.getElementById ("texto");
documento.QuerySelector ('#Caixa de seleção').addEventListener ('clique', (evento) =>
if (evento.alvo.verificado)
texto.estilo.display = "bloco";

)

Pode -se observar que, quando a caixa de seleção está marcada, o conteúdo adicionado é exibido na cor verde:

Tudo o que você precisa saber sobre como determinar se uma caixa de seleção está marcada ou não foi fornecida a você.

Conclusão

Para determinar se a caixa de seleção está verificada, utilize a caixa de seleção “verificado" propriedade. A propriedade verificada gera um valor booleano true se for verificado; caso contrário, dá falso. Para a verificação, você pode usar dois procedimentos diferentes; Um é o evento onclick () e o outro é o método addEventListener (). Neste manual, descrevemos o procedimento para verificar se a caixa de seleção está marcada ou não usando JavaScript.