Bouton sélectionner toutes checkbox ne marche pas

Marsh Posté le 19-08-2022 à 14:21:33

Salut, voilà je vous explique mon problème j'ai un bouton "sélectionner tous les élèves" et j'aimerais qu'il coche toute les cases lié aux élèves (dont l'ID est identique et est "eleve". Cependant lorsque je clique sur le bouton il n'y a que le premier élèves de la liste qui voit sa case de cocher. Pouvez vous m'aider à régler ce problème qui doit être facile mais qui me prend la tête ?

Code :

<div style="position: relative; float: right;">
<input type="button" value="sélectionner tous les élèves" onClick="Selectionner()"> <br><br>
<?php
$fp = @fopen("popup/eleve.txt", "r" );
// Ouverture du tableau contenant les prénoms
$tab = array();
if ($fp) {
while ($buffer = fgets($fp)) {
echo $buffer ."<input type='checkbox' name='eleve' id='eleve' onClick='GereChkbox('div_chck','1') ;' />" ."<br><br>";
if (isset( $_POST['envoie'])) {
if (isset( $_POST['value_1'])) echo $_POST['value_1'].'<br />';
// Contenu de la global P_POST
print_r($_POST);
}
}
fclose($fp);
}
?>
</div>
</div>
<br/><br/>
<script>
function Selectionner() {
document.getElementById("eleve" ).checked = "checked";
}
</script>

Reply

Marsh Posté le 19-08-2022 à 14:21:33

Reply

Marsh Posté le 19-08-2022 à 15:40:31

Bonjour,

https://developer.mozilla.org/fr/do [...] ributes/id
Lire la première phrase.

Solution : utiliser un sélecteur de groupe ou une boucle par incrémentation des id.

Message édité par MaybeEijOrNot le 19-08-2022 à 15:43:22

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

Reply

Marsh Posté le 19-08-2022 à 17:55:20

Merci pour ton aide entre temps j'ai trouver un moyen mais qui ne me plait qu'à moitié car certes il marche mais j'aimerais que ce soit fais à partir d'un bouton et non d'une checkbox. Cependant je n'arrive pas à le faire fonctionner lorsque je met la checkbox "select all" en bouton. Que faut il modifier pour que ça marche ?

Code :

<div>
<input type="checkbox" id="select-all">
<label for="car">Select All</label>
</div>
<div>
<input type="checkbox" id="car" name="vehicle" value="car">
<label for="car">Car</label>
</div>
<div>
<input type="checkbox" id="bike" name="vehicle" value="bike">
<label for="bike">Bike</label>
</div>
<script>
document.getElementById('select-all').onclick = function() {
var checkboxes = document.getElementsByName('vehicle');
for (var checkbox of checkboxes) {
checkbox.checked = this.checked;
}
}
</script>

Reply

Marsh Posté le 19-08-2022 à 21:11:50

Le "this" se réfère à la valeur de la checkbox "select-all", si ce n'est plus une checkbox mais un input ça n'a plus de valeur "checked" et donc ça ne fonctionne plus. Il faut alors que tu stockes une valeur de référence dans une variable ou dans un attribut personnalisé de ton input pour cocher ou décocher les cases en fonction de cette valeur.

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

Reply

Bouton sélectionner toutes checkbox ne marche pas

Sujets relatifs:

Leave a Replay