Vérifier une case à cocher spécifique dans un tableau HTML

Question

J'ai un tableau HTML avec une colonne contenant des cases à cocher. Quelqu'un peut-il me dire comment je peux utiliser Javascript pour mettre une case à cocher à un index de ligne spécifique à cocher (sans utiliser jquery) ?

Gracias

Answer 1

Si vos cases à cocher ont des identifiants uniques, vous pouvez simplement procéder comme suit :

// To check the box with id "check3"
document.getElementById("check3").checked = true;

Cependant, si vous voulez littéralement le vérifier sur la base de son index de ligne dans la table, vous devrez d'abord saisir la table et descendre à l'index de ligne spécifique à partir de là.

// To check the box in row 3 in table with id "mytable" (0-based row index)
// assuming that the checkbox is in the first column, 
// and that it is the first element in that column
document.getElementById("mytable").rows[2].cells[0].children[0].checked = true;

Au lieu de coder les 0 en dur, vous pourriez aussi passer en boucle par les fichiers cells y children en recherchant explicitement input éléments de type checkbox . Sans voir votre code, il est difficile de donner une recommandation spécifique, mais j'espère que cela vous aidera.

Answer 2

La solution la plus simple est de donner à chaque checkbok un identifiant spécifique. Ainsi, il est facile de le vérifier avec javascript.

La meilleure solution est probablement de lui donner un id qui contient soit le numéro de la ligne, soit un identifiant unique des données de la ligne.

Answer 3

Voici une fonction pour vérifier \Uncheck toutes les cases à cocher.

http://www.webdevdoor.com/javascript-ajax/javascript-function-check-uncheck-checkboxes/

Les cases à cocher doivent avoir un ID, alors vous pouvez les saisir avec "getElementById()".