JavaScript: Contando Checkbox Selecionados (3)


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

Resultado final:

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 comentários em “JavaScript: Contando Checkbox Selecionados (3)

  • 28 de outubro de 2010 a 11:12
    Permalink

    Éra isso mesmo q estava procurando, muito obrigado!

    Responder
  • 15 de agosto de 2011 a 1:20
    Permalink

    simplesmente PERFEITO! Muito obrigada 😀

    Responder

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios são marcados com *