Salut,
Venons-en à l'essentiel. J'ai un formulaire avec 4 cases à cocher.
Je voudrais que lorsqu'on sélectionne 2 cases, les 2 autres soient désactivées (grisées).

Voici mon code

une alert "ok" se produit quand on clique sur 2 cases mais bug :
- quand on clique sur plus de 2, l'alerte s'affiche quand même...
- mais ce problème peut-être résolu si à la 2ème coche, on désactive les autres cases.

Comment faire ?
Merci

comment passer les cases à cocher en disabled ?

tu rajoute l'attribut "disabled" et sa valeur "disabled"...

Soit :

<input name="case"  type="checkbox" disabled="disabled" onclick="coche();" />
enfin, en JS ça sera monInput.disabled = true;

n'oublie pas de mettre la valeur false à ce disabled si l'user décoche l'une des case...

je vois pas comment faire la suite en fait....

2 choses tout d'abord:
 
- ton javascript ne me semble pas très portable, il risque de ne pas marcher sur tous navigateurs, il vaut mieux utiliser les méthodes getElementById ou getElementsByName par exemple.
- je suis pas sur que soit terrible d'appeler tout tes boutons pareil (name="case" )
 
sinon, tu dois pouvoir fonctionner ton truc avec qqchose du genre:

function coche(){
  var compteur=0;
  var liste = document.forms["casesacocher"].elements["case"];
  for (var i = 0; i < liste.length; i++) {
    if (liste[i].checked){
      compteur=compteur+1;
    }
    if (compteur==2){
      alert("ok" );
    }
  }
  
  for (var i = 0; i < liste.length; i++) {
    liste[i].disabled = false;
    if ((compteur >= 2) && !liste[i].checked){
      liste[i].disabled = true;
    }
  }
}

je te remercie, j'ignore qu'il fallait refaire une boucle...
en fait les cases seront générés dynamiquement, j'ai pas envie de passer par l'id en ajoutant 1 pour les différencier.

pour éviter de nommer toutes les cases name="case", je fais un

il me désactive aussi le bouton, logique vu que c'est aussi un input...

edit: non c'est bon je fous un id au bouton et je le desactive pas.

merci à toi

function coche(){
  var compteur=0;
  var liste = document.forms["casesacocher"].elements["case"];
  for (var i = 0; i < liste.length; i++) {
    if (liste[i].checked){
      compteur=compteur+1;
    }
    if (compteur==2){
      alert("ok" );
    }
  }
  
  for (var i = 0; i < liste.length; i++) {
    liste[i].disabled = false;
    if ((compteur >= 2) && !liste[i].checked){
      liste[i].disabled = true;
    }
  }
}

 
 
Bonjour ,
 
je me suis basé sur ce code la pour mon formulaire pour autoriser que 6 case cocher .
 
je voudrais savoir si le javascript peut se basé sur autre chose que name pour case  name="case"
 
ici  :   var liste = document.forms["casesacocher"].elements["case"];
 
vu que name je me sert deja dans mon formulaire  pour afficher sa correspondance    
 
exemple :  
 
<img src="boule_loto/1.gif" />
<input type="checkbox" name="N°1" id="" value="champ_supp_1"  onclick="coche();"/>  
 
<img src="boule_loto/11.gif" alt="" />
<input type="checkbox" name="N°11" "  id="champ_supp_11" "value="1"  onclick="coche();"/>
 
<img src="boule_loto/21.gif" alt="" />
<input type="checkbox" name="N°21"  id="champ_supp_21" value="1"  onclick="coche();"/>
 
une fois le mail envoyer dans ma boite de reception  
 
je recois  :
 
N°1 : 1
 
N°11: 1
 
N°21: 1
 
 
 
j'ai essayé d'être le plus claire possible lol
 
merci d'avance
 
stomy
 
 
 

oui c'est ce que j'ai fait
 
penses à rien, passes un bon week-end et je te file la solution lundi

Ce n'est pas la bonne facon de procéder.
 
Admettons que tes numéros représentent une liste de numéros (ce qui est le cas)
chaque checkbox devra être écrite de cette maniere :  
<input type="checkbox" name="numeros[]" value="1" />
<input type="checkbox" name="numeros[]" value="2" />
<input type="checkbox" name="numeros[]" value="3" />
 
Et au niveau PHP tu récupèreras un tableau de numéros, c'est beaucoup plus propre à traiter que de ce faire chier avec des variables nommées n°1, n°12, n°23 avec comme valeur 1