Checkbox qui selectionne toute les autres

Commenter

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

S'inscrire maintenant

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.