begin process at 2012 02 06 00:36:51
  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 :9 246

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 BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Source avec Zip Source avec une capture RÉSOLUTION D'UN SYSTÈME D'ÉQUATIONS LINÉAIRES À N INCONNUES par william voirol
Source avec Zip Source avec une capture PLUGIN JQUERY LISTE MODIFIABLE (COMBO) AUTOCOMPLÉTÉE par medkarim
GESTION DE NUMÉRO DE TÉLÉPHONE SIMPLE DANS FIREFOX7 par rotomtom
Source avec Zip Source avec une capture RECOMMANDER CETTE PAGE AVEC MAILTO, ACCENT ET RETOUR LIGNE D... par weabow

 Sources en rapport avec celle ci

Source avec une capture FORMULAIRE D'INSCRIPTION+VÉRIFICATION par ellissss
Source avec Zip SYSTÈME D'UPLOAD DE FICHIER SANS RECHARGEMENT DE LA PAGE. par theptitprince
Source avec Zip Source avec une capture SCROLL BARS EN JAVASCRIPT SUR UNE PAGE HTML par Glennouchet
EDITION D'UN CHAMP par macgile
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...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
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,343 sec (4)

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