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
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éthodeElement.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'attributcheckbox
. - Pour réactiver une case à cocher on attribue la valeur
false
à l'attributdisabled
.
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>