Simples contador JS

[FabianoSouza 5]

var tab = document.getElementsByTagName("table")[0]//pega como referência a primeira tab existente
  var contador = 0
  for (i=1;i<document.form_principal.elements.length;i++){
  if(document.form_principal.elements[i].checked == true && document.form_principal.elements[i].name == "child_flag"){
   contador = parseInt(contador)+1
  }

  }
   alert(contador)

Quero que este contador faça a contagem dos checkbox marcados que estiverem dentro da minha tabela, não no form.

 

Como faço?

 

Help!

[William Bruno 1501]

var $tab = document.getElementsByTagName("table")[0]

var $checkboxs = $tab.querySelectorAll('input[type="checkbox"][name="child_flag"]:checked');

console.log($checkboxs.length)

[FabianoSouza 5]

Opa! Funcionou.

 

Mas para que serve o sinal "$"??

Apliquei o código sem usar o sinal $, também funcionou.

[William Bruno 1501]

o $ no início do nome da variável é uma convenção para quando estamos com um objeto do DOM.

 

var $tab = document.getElementsByTagName("table")[0]

é a mesma coisa que:

var tab = document.getElementsByTagName("table")[0]

Mas utilizamos $tab para melhorar a clareza do código javascript.

 

:lol:

[FabianoSouza 5]

Muito obrigado, William