Comment réactiver toutes les checkbox d'une page HTML ?

Réponses rédigées par Antoine
Dernière mise à jour : 2022-11-30 18:19:19
Thèmes : javascript - input
Question

Bonjour, j'ai plusieurs cases à cocher qui sont désactivées :

<input type="checkbox" value="" disabled>

Comment faire pour réactiver toutes les checkbox de la page qui sont disabled ?

Réponse

Vous pouvez créer une fonction JavaScript pour parcourir toutes les balises input d'une page, puis ensuite vérifier qu'il s'agit bien d'une checkbox, et enfin si l'attribut disabled est présent, le supprimer.

  • Pour sélectionner toutes les balises input on utilise la méthode Element.getElementsByTagName().
  • Pour parcourir toutes ces balises une par une on crée une boucle for.
  • Pour vérifier qu'un input est une case à cocher, on vérifie la présence de l'attribut checkbox.
  • Pour réactiver une case à cocher on attribue la valeur false à l'attribut disabled.

Voici ainsi comment réactiver toutes les cases à cocher d'une page HTML en JavaScript :

<script>
var inputs = document.getElementsByTagName('input');
for (var i = 0; i < inputs.length; i++) 
{
  if (inputs[i].type == "checkbox")
  {
    inputs[i].disabled = false;
  }
}
</script>