Como verificar e desmarcar todas as caixas de seleção usando JavaScript

Pode haver uma situação em que todas as caixas de seleção precisam ser verificadas ou desmarcadas no caso de qualquer questionário ou teste. Por exemplo, é necessário fazer várias seleções de uma lista de itens específicos ou não fazer nenhuma seleção, ou quando você precisa selecionar ou limpar as opções selecionadas em um formulário de uma só vez. Nesses casos, a verificação e a desmarcagem de todas as caixas de seleção usando JavaScript se torna muito útil e de tempo.

Este artigo demonstrará os métodos para verificar e desmarcar todas as caixas de seleção usando JavaScript.

Como verificar e desmarcar todas as caixas de seleção usando JavaScript?

Para verificar e desmarcar todas as caixas de seleção no JavaScript, você pode aplicar:

• ““documento.getElementsByName”Método com caixas de seleção
• ““documento.getElementsByName”Método com botões

As abordagens mencionadas agora serão discutidas uma por uma!

Método 1: Verifique e desmarque todas as caixas de seleção em JavaScript usando “documento.getElementsByName () "Método com" caixas de seleção "

O "documento.getElementsByName ()”O método retorna os elementos com o nome especificado em seus argumentos. Este método será aplicado para buscar o valor de cada caixa de seleção com a ajuda do nome passado.

Vamos passar pelo exemplo seguinte para demonstração.

Exemplo

Primeiro, o tipo de entrada será especificado como “Caixa de seleção”E um nome e valor específicos serão atribuídos a cada caixa de seleção:

Pitão

Java

JavaScript

Agora, inclua uma caixa de seleção adicional com o valor “Verifique tudo”E anexe um“OnClick ()”Evento com esta caixa de seleção que funcionará de tal maneira quando a caixa de seleção será clicada, o“Checkuncheded() ”O método será invocado com o objeto“esse”Como argumento:

Verifique tudo

Depois disso, defina uma função chamada “checkuncheck ()”No arquivo JavaScript, com uma variável chamada“Caixa de seleção”Como argumento. Agora, acesse os valores da caixa de seleção usando o “documento.getElementsByName ()”Método e coloque o valor do“nome”Atributo como seu argumento.

Por fim, aplique um “para”Faça um loop para iterar ao longo de todos os valores da caixa de seleção e utilizar o“verificado”Propriedade para marcar todos como verificado:

função checkuncheck (caixa de seleção)
get = document.getElementsByName ('Lang');
para (var i = 0; iEntendi].verificado = caixa de seleção.verificado;

Como você pode ver, quando o “Verifique tudo”A caixa de seleção está marcada, todas as outras caixas de seleção também são marcadas como verificadas:

Método 2: Verifique e desmarque todas as caixas de seleção em JavaScript usando “documento.getElementsByName () ”Método com“ Buttons ”

O "documento.getElementsByName ()”O método, conforme discutido no método anterior, busca os elementos com o nome especificado em seus argumentos. Pode ser utilizado para verificar ou desmarcar todas as caixas de seleção adicionadas em uma página da web.

Veja o exemplo a seguir para demonstração.

Exemplo

Agora, incluiremos dois botões para os dois “Verifica tudo" e "Desmarcar todos”Funcionalidades. Então, anexe um “ONCLICK”Evento com o botão que acessará as funções especificadas separadamente:

Em seguida, defina uma função chamada “verificar()”E aplique o“documento.getElementsByName”Método com o valor especificado do“nome”Atributo. Então, itera o “para”Vá ao longo de todos os valores da caixa de seleção discutidos no método anterior.

Além disso, quando o botão associado é clicado, o “verificado”A propriedade marcará todas as caixas de seleção e definirá o estado verificado como“verdadeiro”:

função check ()
var get = document.getElementsByName ('check');
para (var i = 0; iEntendi].verificado = true;

Em seguida, defina uma função chamada “não -convoque ()”E adicione a funcionalidade reversa para marcar a propriedade da caixa verificada como“falso”:

function unseck ()
var get = document.getElementsByName ('check');
para (var i = 0; iEntendi].verificado = false;

Pode ver na saída que os botões adicionados estão funcionando perfeitamente:

Fornecemos os métodos mais fáceis para verificar e desmarcar todas as caixas de seleção usando JavaScript.

Conclusão

Para verificar e desmarcar todas as caixas de seleção usando JavaScript, use o “documento.getElementsByName ()”Método com“Caixas de seleção”Para adicionar uma caixa de seleção e acessar a função, que resultará na verificação das caixas de seleção ou aplicará o mesmo método com“Botões”Para incluir dois botões separadamente para verificar e desmarcar todos os valores especificados. Este artigo explicou os métodos para verificar e desmarcar todas as caixas de seleção usando JavaScript.