Forum d'entraide PHPFrance

Bonjour a tous,

Ce que je voudrai est faire est comme le dit le titre de mon POST: compter les checbox que j'ai coché et ceci de maniere dynamique (d'ou mon post dans la catégorie JS 8) )
Cependant apres avoir lu les différent post (celui ci entre autres) sur cette grande question "Comment compter les checkbox ?" je n'ai pas reussi a l'integrer a mon code.

voici la fonction JS pour compter les checkox que j'ai trouvé sur ce forum: En ce qui concerne MON CODE voici la checkbox en question, et pour information cette checkbox est dans un tableau qui va lister le contenu d'une base de donnée. Plus precisement cette checkbox est sur chaque fin de ligne ce qui rend la checkbox differente a chaque ligne etant donné qu'elle renvoi un id ($row[0]) différent a chaque ligne.

echo "<td align='center' bgcolor='#3366CC'><input type='checkbox' id='article_".$row[0]."' name='article_".$row[0]."' value='".$row[0]."'></td>";

je voudrai recuperer ce que me retourne le compteur dans un chps type text HTML...comment dois je faire ? que dois je changer à la fonction pour qu'elle s'adapte a mon code checkbox?

Salut, intégre le javascript dans ton code de tel manière:

Dans le head:

<script language="javascript">
function countChecked()
{
   var total = 0;

   for ( var i = 0; i < document.nomFormulaire.elements.length; i++ )
   {
      if ( document.nomFormulaire.elements[ i ].type == 'checkbox' )
      {
         if ( document.nomFormulaire.elements[ i ].checked == true )
         {
            total += parseInt( document.nomFormulaire.elements[ i ].value );
         }
      }
   }
   //ici le champ text pour afficher le nombre de cases cochées
   document.nomFormulaire.nomChampText.value=total;
} 
</script>

Dans ton formulaire:

echo "<td align='center' bgcolor='#3366CC'><input type='checkbox' id='article_".$row[0]."' name='article_".$row[0]."' value='".$row[0]."' onClick='countChecked()></td>";

Salut, intégre le javascript dans ton code de tel manière:

Dans le head:

<script language="javascript">
function countChecked()
{
   var total = 0;

   for ( var i = 0; i < document.nomFormulaire.elements.length; i++ )
   {
      if ( document.nomFormulaire.elements[ i ].type == 'checkbox' )
      {
         if ( document.nomFormulaire.elements[ i ].checked == true )
         {
            total += parseInt( document.nomFormulaire.elements[ i ].value );
         }
      }
   }
   //ici le champ text pour afficher le nombre de cases cochées
   document.nomFormulaire.nomChampText.value=total;
} 
</script>

Dans ton formulaire:

echo "<td align='center' bgcolor='#3366CC'><input type='checkbox' id='article_".$row[0]."' name='article_".$row[0]."' value='".$row[0]."' onClick='countChecked()></td>";

OK je test tout ca demain (vendredi) et je te redis ca....

ok très bien, cela marche a merveille juste apres avoir trouvé un petit stratagème à mon problème... j'ai essayé de faire ceci a tout a hazard et je m'suis rendu compte que cela marchait a merveille...

problème:

avec le code que tu m'avais donné il se mettais a faire une addition de mes identifiant correspondant à la ligne ou se trouvais la checkbox...
car regarde:

echo "<td align='center' bgcolor='#3366CC'><input type='checkbox' id='article_".$row[0]."' name='article_".$row[0]."' [b]value='".$row[0]."'[/b] onClick='countChecked()></td>";

si je laissais ceci il me retournais dans mon champs texte nommé compteur l'id et me fesais si je selectionnais plusieurs box l'addition de ces id.

voici la méthode que j'ai essayé de faire et que au final je me suis rendu compte que cela était possible, comme quoi...

echo "<td align='center' bgcolor='#3366CC'><input type='checkbox' id='article_".$row[0]."' name='article_".$row[0]."' value='".$row[0]."' value2='1' onClick='countChecked()'></td>";

j'ai rajouter le ptit value2='1' qui me retournerai pour chaque checkbox coché 1 ensuite la fonction JS fera le reste pour faire l'addition des cases coché.
ce n'est peut etre pas la meilleur des solutions et pas la plus propre mais cela marche a merveille...

Voila je tenais simplement a le dire, et dévoilé la solution trouvé a mon problème...

Merci encore pour ton aide 8)

Peux tu mettre Résolu alors ?

Tu me prend de vitesse j'allais justement le faire...

ce n'est peut etre pas la meilleur des solutions et pas la plus propre

et oui et methode bizarre en plus
Il aurrai siffit de remplacer:

total += parseInt( document.nomFormulaire.elements[ i ].value );

par

total ++;

Bonjour,
ce topic m'a beaucoup aidé je l'ai adapté à mon script php sauf que mes cases à cochées sont "pré checked" au chargement. Résultat dans le champ text d'affichage je n'ai pas le total d'inscrit il faut que je décoche une case pour que le total s'affiche .
Vous avez une idée, je maitrise beaucoup mieux php que javasript
Merci d'avance

Salut, tu peut mettre en "value", de ton champ texte qui compte le nombre de cases, directement le nombre de cases que tu as

Ex: tu as 10 cases:

<input type="checkbox" value=10 ... >

Bonjour,

Merci beaucoup ça marche nickel !