Cocher un nombre limité de cases (checkbox) dans un formulaire

Soyez le premier à donner votre avis sur cette source.

Snippet vu 12 483 fois - Téléchargée 28 fois

Contenu du snippet

tout est dans le titre, ce script permet de limiter le nombre de checkbox cochées dans un formulaire; ici la limite est définie à 2 cases.
Ce script provient de http://www.js-examples.com/, comme j'ai eu du mal à le trouver je me permets d'en faire profiter

Source / Exemple :


<!-- DEBUT SCRIPT CASE A COCHER LIMITEE -->
<!-- JS-Examples - http://www.js-examples.com/-->      
<script type="text/javascript" language="JavaScript">
var MAX_ALLOWED=2;
var clickedData=new Array(false,false,false,false);
function itemsClicked(){var i=0;for(var j=0;j<clickedData.length;j++)i+=clickedData[j]?1:0;return(i);}
function itemClicked(_v)
{
  var ALLOW_THIS=true;
  var x=itemsClicked();
  if (x>=MAX_ALLOWED && !clickedData[_v])
  {
    ALLOW_THIS=false;
  }
  else
  {
    clickedData[_v]=clickedData[_v]?false:true;
	eval("document.formulaire.r"+_v+".clicked=false;");
  }
  return (ALLOW_THIS); /* kill the event handler */
  
}
   </script>

<form name="formulaire">
<INPUT name=r0 type=checkbox value=valeur1 onclick="return itemClicked(0)">Case 1  
<INPUT name=r1 type=checkbox value=valeur2 onclick="return itemClicked(1)">Case 2  
<INPUT name=r2 type=checkbox value=valeur3 onclick="return itemClicked(2)">Case 3  
<INPUT name=r3 type=checkbox value=valeur4 onclick="return itemClicked(3)">Case 4
<!-- FIN SCRIPT CASE A COCHER LIMITEE -->
</form>

Conclusion :


euh bon usage à tous

A voir également

Ajouter un commentaire

Commentaires

eddyger
Messages postés
20
Date d'inscription
vendredi 3 novembre 2000
Statut
Membre
Dernière intervention
13 décembre 2010
-
Bonjour,
ton code est bien mais il y a juste un petit bug. Il ne faut pas oublier que le premier indice d'un tableau javascript est 0, or quand tu écris "return itemClicked(4)", tu ajoutes un élément supplémentaire (non voulu) dans ton tableau clickedData. Une correction serait de nommer les checkboxes de r0 à rn et d'appeler itemClicked(0) à itemClicked(n).
monsieurzouzou
Messages postés
14
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
17 mai 2007
-
Oups désolé eddyger j'ai écorché ton nom dans le commentaire de mise à jour; rooooo la honte

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.