Bouton sélectionner toutes checkbox ne marche pas

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Bouton sélectionner toutes checkbox ne marche pas

minwolf

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>

Publicité

MaybeEijOrNot

but someone at least

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.

minwolf

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>

MaybeEijOrNot

but someone at least

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.

FORUM HardWare.fr

Programmation

Javascript/Node.js

Bouton sélectionner toutes checkbox ne marche pas

Sujets relatifs
Requête qui a toujours marché et qui ne marche plus	LightBox qui marche pas en ligne mais en local
effacer ligne via un bouton avec chaine?	Bouton pour cocher une case à cocher
Afficher un bouton "envoyer" après validation reCAPTCHA	Ajouter bouton Afficher Plus / Voir Plus Automatiquement
VBA PPT - Sélectionner plusieurs Shape pour appliquer une animation	PREPARE PostGreSQL Ca marche... presque
[javascript]-Détecter les changements des checkbox	Association .class qui ne marche pas
Plus de sujets relatifs à : Bouton sélectionner toutes checkbox ne marche pas

Page générée en 0.049 secondes