Possuo uma div no html que vai receber uma série de checkboxes para seleção de um intervalo de datas. Essa div se encontra dentro de um accordion para exibição amigável ao usuário. A criação dos checkboxes estão sendo realizados normalmente conforme o laço for abaixo:
for (let index = anteriores[1]; index <= anteriores[ultimoano]; index++) {
abre = `<div class="form-check">`;
checkbox = `<input class="form-check-input" type="checkbox" value="" id="dectervenc${index}">`;
label = `<label class="form-check-label" for="dectervenc${index}">${index} - 12/12 avos</label>`;
fecha = `</div>`;
bodyAccordion.innerHTML += abre + checkbox + label + fecha;
controle.push(document.getElementById(`dectervenc${index}`));
};
A última linha do for, realiza um push, uma forma que encontrei para conseguir ler quais estão sendo marcados com checked, porém, ao tentar realizar a leitura, mesmo fazendo a seleção, todos retornam como false e apenas o último criado no array é lido.
Não sei se é algo relacionado a forma de realizar o push para leitura das seleções ou se é algo na leitura em si dos elementos pelo id.
Após a leitura, preciso contar apenas os checkboxes selecionados para tratamento posterior.
O código para leitura é o utilizado abaixo:
let contagem = 0;
for (let index = 0; index < controle.length; index++) {
if (controle[index].checked) {
contagem++
};
};
console.log(contagem);
Essa leitura é realizada após clicar em um botão de cálculo, onde preciso verificar quais estão sendo selecionados para aplicar um cálculo sobre a quantidade de checkboxes selecionados.
Se puderem ajudar agradeço Não consigo entender a causa de sempre retornarem como false na seleção, se tiverem sugestão de melhoria na questão da leitura das seleções também agradeço.
length
?