Checkbox qui selectionne toute les autres

Soyez le premier à donner votre avis sur cette source.

Snippet vu 18 813 fois - Téléchargée 28 fois

Contenu du snippet

Voila un petit script simple qui permet de cocher ou decocher une liste de checkbox, en clickant sur une checkbox "maitre".
Je l'utilise lors de la creation dynamique d'un tableau avec en premiere colone une checkbox. Il marche meme dans le cas ou il n'y a qu'une seul ligne

Source / Exemple :


//elle prend en parametre la checkbox "maitre", et une checkbox ou une liste de checkbox.
function selectall(cas,choix){
	//test si on a plusieur ligne
	if(choix.length>0){
		if (cas.checked){
			for (var i=0; i<choix.length;i++){
				choix[i].checked=true
			}
		}
		else{
			for (var i=0; i<choix.length;i++){
				choix[i].checked=false
			}
		}
	}
	else{
		if (cas.checked){
			choix.checked=true
		}
		else{
			choix.checked=false
		}
	}
}

Conclusion :


Petit explication sur l'utilisation:
dans un formulaire on place une checkbox "maitre" en lui associant la fonction selectall sur l'action onclick:
<input type="checkbox" name="all" onclick="selectall(document.monform.all,document.monform.choix)">
puis un liste de checkbox
<input type="checkbox" name="choix" value="1">
<input type="checkbox" name="choix" value="2">
<input type="checkbox" name="choix" value="3">

A voir également

Ajouter un commentaire

Commentaires

metoungara
Messages postés
3
Date d'inscription
lundi 5 mai 2008
Statut
Membre
Dernière intervention
6 mars 2009
-
Voici grand merci pour ton bout de code . ça fait du bien et il fonctionne correctement
jonomo
Messages postés
1
Date d'inscription
jeudi 26 octobre 2006
Statut
Membre
Dernière intervention
9 octobre 2009
-
Bonjour a tous,

Je souhaite creer un formulaire ou j'ai 4 checkbox maitres(bleu, vert, rouge, jaune), et plusieurs autres a choisir avec l'un ou l'autre des maitres . Il devrait etre tel que:

- Je choisis un maitre avec lequel je clik sur deux ou trois simples checkbox, ceux-ci prennent la couleur du maitre.
- Je choisis un autre maitre, je fais la meme chose, mais sans decocher les premiers choix, et ainsi de suite. A la fin je valide le formulaire. Je voudrais savoir si cela est possible. Si oui qulequ'un a-t-il une solution?

Merci.
LiveChatteur
Messages postés
8
Date d'inscription
dimanche 25 septembre 2005
Statut
Membre
Dernière intervention
12 janvier 2009
-
Salut je suis tombé par hasard sur cette page , je t'ai écrit la solution mais j'ai pas eu le temps de vous faire la partie PHP , si vous avez le temps venez vister mon site www.livechatteur.fr Merci d'avance...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Exemple</title>
<SCRIPT LANGUAGE="JavaScript">
function ManagementCheckBox (ValNumber)
{
if (document.formulaire.allselect.checked == true)
{
var Loop = 1;
for (var x=1;x<=ValNumber;x++)
{
document.getElementsByName("checkbox"+Loop)[0].checked=true;
Loop++;
}
}
else
{
var Loop = 1;
for (var x=1;x<=ValNumber;x++)
{
document.getElementsByName("checkbox"+Loop)[0].checked=false;
Loop++;
}
}
}
</script>
</head>

<form name="formulaire" method="POST" action="" enctype="multipart/form-data">
Sélectionner tout

option 1

option 2

option 3

option 4

option 5

</form>

</html>
Ghaldur
Messages postés
1
Date d'inscription
samedi 17 novembre 2007
Statut
Membre
Dernière intervention
25 novembre 2007
-
salut, je trouve l'initiavie très bonne mais je t'avouerai que ce script a un but utile, mais une fonctionnalité inutile, je m'exlpique:
dans un formulaire, si tu as des checkbox, c'est pour exprimer des choix etc... (le formulaire sera utilisé via php) bref, donc pour différencier ces choix tu dois identifier chaque checkbox par un nom unique... or dans ton exemple, toutes les checkbox ont le même nom "choix", par conséquent lors de l'envoi de la requête, tu confirmaras juste 3 fois la même chose... inutile n'est-ce pas?
donc dans ce cas là, je change le nom des 2 autres checkbox, mais à la fin ta checkbox maitresse ne coche plus qu'une seule checkbox... autant l'enlever et cocher à la main la checkbox, non?...

je pense que tu pourrais améliorer le script en gardant ta base qui est simple et légère, mais en faisant en sorte que l'on puisse mettre des noms uniques aux checkbox
> Ghaldur
Messages postés
1
Date d'inscription
samedi 17 novembre 2007
Statut
Membre
Dernière intervention
25 novembre 2007
-
Merci beaucoup pour ce script,
ça ma rendu un très grands service.

En ce qui concerne le problème du même nom de la checkbox, il faut rajouter ajouter seulement un id="choix"
Moi, avec ceci ça marche très bien

<input name='box' id="choix" type='checkbox' value="valeur_i">

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.