begin process at 2010 02 10 02:28:36
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaire

 > COCHER UN NOMBRE LIMITÉ DE CASES (CHECKBOX) DANS UN FORMULAIRE

COCHER UN NOMBRE LIMITÉ DE CASES (CHECKBOX) DANS UN FORMULAIRE


 Information sur la source

Note :
7 / 10 - par 2 personnes
7,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaire Classé sous :checkbox, case, cocher, limité, formulaire Niveau :Initié Date de création :31/10/2006 Date de mise à jour :17/05/2007 17:04:50 Vu :6 942

Auteur : monsieurzouzou

Ecrire un message privé
Site perso
Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

 Description

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

  • <!-- 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>
<!-- 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


 Historique

17 mai 2007 17:04:51 :
Petite correction très justement soulignée dans un commentaire de edigger: les checkboxes ont été renommées de r0 à rn et le script appelle désormais itemClicked(0) à itemClicked(n).

 Sources de la même categorie

Source avec Zip Source avec une capture CALCULS RAYNAUX V2 par Ali Bibi
Source avec Zip Source avec une capture VALIDATION D'UN FORMULAIRE par grarestephane
Source avec Zip Source avec une capture CHAT VIRTUEL par grarestephane
Source avec Zip Source avec une capture AJOUTER ET SUPPRIMER DES FICHIERS DANS UNE LISTE par grarestephane
Source avec Zip TEXTAREA : LIMITER LA LARGEUR ET LA HAUTEUR DU TEXTE SAISIE par vilfarfadet

 Sources en rapport avec celle ci

VERIFIER UNE ADRESSE E-MAIL par elmersaid
Source avec Zip Source avec une capture JVSMENU : MENUS CLASSIQUES ET CONTEXTUELS AVANCÉS EN JAVASCR... par emericv
Source avec Zip UN CHAMP DE SAISIE DE DATE par guykoumba
Source avec Zip TEXTAREA : LIMITER LA LARGEUR ET LA HAUTEUR DU TEXTE SAISIE par vilfarfadet
Source avec Zip OBLIGER UN UTILISATEUR DE COCHER UNE CHECKBOX POUR VALIDER U... par yoyo17560

Commentaires et avis

Commentaire de eddyger le 06/11/2006 16:07:48

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).

Commentaire de monsieurzouzou le 17/05/2007 17:06:46

Oups désolé eddyger j'ai écorché ton nom dans le commentaire de mise à jour; rooooo la honte

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

pb case à cocher formulaire [ par linniesurf75 ] Bonjour,je d&#233;bute en JavaScript et j'ai un probl&#233;me, pour mieux comprendre voici mon code :je d&#233;clare une fonction javascript qui perme case à cocher [ par ericsandrine ] bonjour,j'ai un formulaire avec des cases à cocher mis en boucle par php &lt;input name="selectville[]" type="checkbox" value="&lt;?php $nom de la vil Verification qu'une checkbox est bien cochée [ par loupile ] Bonsoir je sais c'est une question abordé mille fois mais voilà je n'y arrive pas sous firefox pas moyen de soumettre le formulaire quand la checkbox Lecture fin de TextArea [ par fresk13 ] Bonjour à tous. Voila, je travaille actuellement sur un projet en PHP. Lors de l'inscription d'un utilisateur, avant l'apparition du formulaire d'insc Comment faire un formulaire avec vérification des données + checkbox [ par bulitt ] Bonjour, Je n'arrive pas à trouver un code javascript qui me satisfait entièrement. J'aimerai créer un formulaire d'inscription de la même forme q [déplacé BUG CS -> JAVASCRIPT] Case à cocher et calcul taux [ par ouzb ] Bonjour, Je vous explique mon probleme. J'ai repris un projet en route et il faut que je le termine. Malheureusement il n'a pas de commentaire. Voilà Case à cocher [ par nina599 ] Salut, Quelqu'un peut-il me donner un coup de main ça un moment que je galère. Voilà mon soucis: je veux compter le nombre de cases cochées. J'ai ess case a cocher si champ texte rempli [ par vincentspawn ] bonjour je suis debutant et j essaie de creer un document pdf, mais mon probleme c est que je veux que la personne qui rempli ce document soit obliger générer une planche contact photos à partir d'un formulaire [ par NEXUS6 ] Bonjour ! j'aimerais pouvoir réaliser un "générateur de planches contact de photos" sur mon site. Je m'explique : mon projet est d'avoir la possibilit If/Else sur des checkbox [ par marjerem ] Bonjour, J'aide un pote à développer une petite appli et je n'arrive pas à me dépatouiller de ce qui semblera peut être simplissime à certains d'entre


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,733 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales