JavaScript: Contando Checkbox Selecionados (3)

4 de setembro de 200930 de janeiro de 2020 admin

Parte final da nossa sequência de códigos.

Resultado final:
[iframe http://www.linhadecomando.com/scripts/javascript/conta_checkbox.html 400 120]

Código completo:

<html>
<head>
<title>Contando Checkbox</title>
<script language="JavaScript">
<!-- ***** funcao javascript ***** -->
function contaCheckbox(selecionados){
  var inputs, x, selecionados=0;
  inputs = document.getElementsByTagName('input');
  for(x=0;x<inputs.length;x++){
    if(inputs[x].type=='checkbox'){
      if(inputs[x].checked==true && inputs[x].id == 'check'){
        selecionados++;
      }
    }
  }
  return selecionados;
}
function pegaQuantidade(){
  var total; 
  total = contaCheckbox();
  if (total > 0){
    alert("Quantidade retornada: " + total);		
  }else{
    alert("Selecione pelo menos um checkbox");
  } 
}
</script>
</head>
<body>
<!-- ***** html - formulario ***** -->
<form>
<table>
<tr>
  <td>
   <input type="checkbox" value="valor 1" id="check"> Checkbox 1<br /> 
   <input type="checkbox" value="valor 2" id="check"> Checkbox 2<br /> 
   <input type="checkbox" value="valor 3" id="check"> Checkbox 3<br />
   <input type="checkbox" value="valor 4" id="check"> Checkbox 4<br />
   <input type="checkbox" value="valor 5" id="check"> Checkbox 5<br /> 
   <input type="checkbox" value="valor 6" id="check"> Checkbox 6<br /> 
   <input type="checkbox" value="valor 7" id="check"> Checkbox 7
  </td>
</tr>
</table>
<input type="button" value="VERIFICAR" onclick="pegaQuantidade();" />
</form>
</body>
</html>

4 thoughts on “JavaScript: Contando Checkbox Selecionados (3)”

Marcelo

28 de outubro de 2010 em 11:12

Éra isso mesmo q estava procurando, muito obrigado!
Resposta
Sylvia

15 de agosto de 2011 em 1:20

simplesmente PERFEITO! Muito obrigada 😀
Resposta
Adão

28 de outubro de 2011 em 23:29

Muito bom essa Função, era que esta procurando.
Vlw
Resposta
Eloana

6 de agosto de 2015 em 14:40

Funcionou perfeitamente! Obrigada!
Resposta

Você pode gostar também

JavaScript: Contando Checkbox Selecionados (2)

JavaScript: Calcular desconto

JavaScript: match()

4 thoughts on “JavaScript: Contando Checkbox Selecionados (3)”

Deixe um comentário Cancelar resposta