Case à cocher

Résolu/Fermé

LaChaux78 Messages postés 581 Date d'inscription lundi 25 juillet 2016 Statut Membre Dernière intervention 21 novembre 2024 - 11 nov. 2017 à 21:54
jordane45 Messages postés 38369 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 3 janvier 2025 - 12 nov. 2017 à 08:39

Bonjour,
J'ai plusieurs checkbox et j'aimerai pourvoir les cocher toutes en une fois. J'ai récupérer une fonction Jquery mais je n'arrive pas à la faire fonctionner. Pouvez-vous m'aider s'ils vous plait.
Je vous remercie.

	echo "<input type='checkbox' id='checkAll'/> Sélectionner tous les membres <br/><br/><br/><br/>\n";
	
	while ($donnees = $requete->fetch()) {
		echo "<input type='checkbox' id='env' name='envoyer[]' value='$donnees->idpers'> $donnees->nom $donnees->prenom<br/>\n"; $nbp++;
	}

<script>
$(document).ready(function(){
	$('#checkAll').click(function() {
		var envoyer = $("#env").find(':checkbox'); 
		   if(this.checked){ // si 'checkAll' est coché
			  envoyer.prop('checked', true); 
		   }else{ // si on décoche 'checkAll'
			  envoyer.prop('checked', false);
		   }          
	});
});
</script>

A voir également:

Case à cocher
Aller à la ligne dans une case excel - Guide
Case à cocher outlook - Forum Outlook
Comment cocher une case sans souris ✓ - Forum Windows
Netplwiz pas de case à cocher - Astuces et Solutions
Case à cocher word mac ✓ - Forum Word

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38369 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 3 janvier 2025 4 721
11 nov. 2017 à 22:20

Bonjour,

Ta question concerne le javascript .. et non le PHP !
Je déplace donc dans le bon forum.

ensuite... essaye ça :

echo "
<div><input type='checkbox' id='checkAll'/></div>";

echo "<div>
        <pre>";
    while ($donnees = $requete->fetch()) {
        $id = $donnees->idpers;
        echo "<input type='checkbox' class='ckb' id='env_".$id."' name='envoyer[]' value='".$id."'>".$donnees->nom . " " . $donnees->prenom ."" . PHP_EOL;
    }
echo "</pre>
    </div>";

$(document).ready(function(){
	$('#checkAll').click(function() {
        var checkedAll = this.checked ? true : false;
        $('.ckb').prop('checked', checkedAll);    
    });
});

Réponse 2 / 2

LaChaux78 Messages postés 581 Date d'inscription lundi 25 juillet 2016 Statut Membre Dernière intervention 21 novembre 2024 32
12 nov. 2017 à 08:23

Bonjour,
Un grand merci pour ta réponse qui est super génial.
Je peux tout sélectionner à la fois.
Merci

jordane45 Messages postés 38369 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 3 janvier 2025 4 721
12 nov. 2017 à 08:39

N'oublie pas de mettre le sujet en RESOLU (lien sous le titre de ta question)
Merci

Discussions similaires

Bouton case à cocher grisé

URGENT - codes ALT + ???

Excel, agrandir les cases a cocher

Supprimer cases à cocher

créer une case a cocher sur open office