Quiero verificar si todas las casillas de verificación están marcadas.
Para esto, obtuve este código:
bind() { this.checks = document.getElementsByClassName("checkdoc"); const len = this.checks.length; this.validCheckbox = 0; for (let i = 0; i < len; i++) { this.checks[i].onclick = this.updateValid; } if (this.validCheckbox === len) { this.allChecked = true; this.update(); } } updateValid() { if (this.checked === true) { this.validCheckbox += 1; } else { this.validCheckbox -= 1; } console.log(this.validCheckbox); }
Pero no funciona porque this.validCheckbox
es NaN
tan indefinido. Si lo agrego como parámetros en this.updateValid
así:
this.updateValid(this.validCheckbox) ... updateValid(nb) { if (this.checked === true) { nb += 1; } else { nb -= 1; } console.log(nb); return nb; }
Primero, mi console.log
me da -1 en el segundo método, luego no puedo hacer varias llamadas. Si hago clic en la primera casilla de verificación, no pasa nada porque al cargar, se realiza la primera llamada. Si tienes algún consejo, lo tomaré.