Javascript

Bonjour les amis, C'est encore moi
J'ai 3 checkbox et a chaque fois que l'utilisateur a cocher, on doit afficher le nom correspondant de la case que l'utilisateur a cocher.
Si je coche le un case ca marche mais je coche plus de 1 case ca na m'affiche qu'un seul nom
Quelqu'un peux m'aider svp...
voila mon script

function cocher(){
       for(i=1;i<=22;i++){
      if(eval("document.forms.form.checkbox"+i+".checked == true")){
            $.post('recup.php',{i:i},function(data){
            $('.afficher').html(data);           
                });        
                      }
et  le recup.php:
$i=mysql_real_escape_string(htmlspecialchars(trim($_POST['i'])));
 $requete=$bdd->query('Select *from table where cocher = '.$i);
  while($donnees = $requete->fetch()){
  echo $donnees['nom'].'<br>';
 
           }
         }  
      }

EDIT : Ajout des balises de code (la coloration syntaxique). Explications disponibles ici : ICI Merci d'y penser dans tes prochains messages.