Ícone do site Linha de Comando

JavaScript: Contando Checkbox Selecionados (1)


Neste post você irá aprender, através de javascript, a contar o checkbox selecionados.

Explicando o código:

– função contaCheckbox obtém todos os inputs (checkbox) em forma de array e atribui a variável inputs.
– dentro do for foram utilizados alguns if para filtrar a nossa busca; lembrando que queremos contar os checkbox selecionados.
– o primeiro if verifica se os inputs são do tipo checkbox, pode ser aplicado aos demais inputs.
– o segundo if verifica se o checkbox está selecionado e id é igual a “check”; o id é utilizado aqui para diferenciar de outros checkbox, quero dizer, se você tem vários checkbox, no mesmo formulário, separados por assunto.
selecionados++ é o incrementador; quando passar por esta linha acrescentamos ao total de selecionados o valor de 1.

Este post está dividido em 3 partes, na segunda parte, acrescentaremos alguns códigos para pegarmos o retorno da função e ao clicar num botão será exibido um alerta com a quantidade de checbox selecionados; a terceira parte, será disponibilizado o código completo e o resultado final para testar online.



Contando Checkbox




Checkbox 1
Checkbox 2
Checkbox 3
Checkbox 4
Checkbox 5
Checkbox 6
Checkbox 7
Sair da versão mobile