Contar CHKBOXS

by Raúl Rojas

HTML

<form action="#">
  <div>
    <input type="checkbox" class="cuantos" name="uno" />
    <br />
    <input type="checkbox" class="cuantos" name="dos" />
    <br />
    <input type="checkbox" class="cuantos" name="tres" />
    <br />Totales:
    <input type="text" id="totales" class="" />
    <br />
  </div>
</form>

JavaScript

//<![CDATA[
var cboxes = document.getElementsByTagName("input");
for (var i = 0; i < cboxes.length; i++) {
  var valor = cboxes[i].checked;
  // usamos className para < ie9
  if (cboxes[i].className == 'cuantos') {
    // verificamos addEventListener para < ie9
    if (!cboxes[i].addEventListener) {
      cboxes[i].attachEvent("onclick", contar);
    } else {
      cboxes[i].addEventListener("click", contar, false);
    }
  }
}

function contar() {
  var totales = "";
  var contador = 1;
  var casillas = document.getElementsByTagName("input");
  for (var i = 0; i < casillas.length; i++) {
    var valor = casillas[i].checked;
    var clase = casillas[i].className;
    if (clase == 'cuantos') {
      if (valor == true) {
        totales = contador++;
      }
    }

  }
  document.getElementById("totales").value = totales
}
//]]>