Traitement de boutons radio

Version imprimable

Petite description de la situation :

J'affiche en JSP,une liste de personne et un bouton radio par ligne pour visualiser plus de détail sur un utilisateur. Ce detail est visible à l'aide d'un bouton qui appelle une fonction Javascript qui realisera le traitement.

Voici le bout de code de la page JSP :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <form name="detail" action="http://localhost:8080/transfertFichier/main" method="post"> <table id="liste"> <tr class="entete"> <td>Id </td> <td>Nom</td> <td>Prénom</td> <td>Mail</td> <td>Détail</td> </tr> <c:forEach items="${requestScope['listeUser']}" var="user" varStatus="status"> <tr class="${status.index%2==0?'pair':'impair'}"> <td>${user.id}</td> <td>${user.nom}</td> <td>${user.prenom}</td> <td>${user.mailPerso}</td> <td><input type="radio" name="id" value="${user.id }" /></td> </tr> </c:forEach> </table> <p> <input type="hidden" name="action" value="3" /> <input type="button" name="valid" value="Voir et modifier les information de l'utilisateur sélectionné" onclick="validerForm(detail);" />
Le traitement Javascript consisterai seulement à verifier lors de l'appui sur le bouton de validation qu'un utilisateur est bien selectionné. Seulement je ne vois pas comment controler l'ensemble des boutons radio sachant que je ne connais pas leur nombre à l'avance.

Voyez vous une solution ?

PS : le User.id qui est mis en valeur du bouton selectionné est un nombre aleatoire donc inexploitable pour effectuer le traitement.

Code à la volée :

Code:

1
2
3
4
5
6
7
8
var ok=false;
try {var All = document.getElementsByTagName("input");
   for (var i=0; i<All.length; i++) {
      ok = ok || All[i].checked
   }
} finally {
   return ok
}

17/07/2006, 19h32
Herode
Est-ce qu'ajouter un gestionnaire onclick sur tes boutons-radio peut aider ? Quelque chose du genre :
Code:

1 2 3 4 5 6 <script language="javascript"> var g_selected = false; </script> [...] <input type="radio" name="nomGroupe" onclick="g_selected = true;">
... puis tester g_selected quand on clique sur le bouton de validation.
18/07/2006, 10h51
FremyCompany
Citation:
Envoyé par Herode

Est-ce qu'ajouter un gestionnaire onclick sur tes boutons-radio peut aider ? Quelque chose du genre :

Code:

1 2 3 4 5 6 <script language="javascript"> var g_selected = false; </script> [...] <input type="radio" name="nomGroupe" onclick="g_selected = true;">

... puis tester g_selected quand on clique sur le bouton de validation.
Nan, ca n'est pas bon, car si tu clique pour cocher, puis que tu reclique pour décocher... g_selected vaudra bien true...
18/07/2006, 10h58
linar009

Tu peux toujours remplacer ton :
onclick="g_selected = true;

par :

onClick = 'g_selected = document.getElementById(\'nomGroupe\').checked;'
18/07/2006, 11h04
Herode

Citation:

Envoyé par FremyCompany

Nan, ca n'est pas bon, car si tu clique pour cocher, puis que tu reclique pour décocher... g_selected vaudra bien true...

Pour un bouton radio, on ne clique pas pour décocher ;) S'il s'agit de gérer des cases à cocher, par contre, tu as entièrement raison. Et s'il y a un risque que le code HTML évolue du bouton-radio vers la case à cocher, alors ta solution ou celle de linar009 ci-dessus sont effectivement plus robustes 8-)
18/07/2006, 11h19
K-Kaï

Merci, merci pour ce qui est des bouton radio, en effet le code d'herode marche parfaitement, et cela restera des radio donc pas de soucis.

Mais vos remarques tombent à pic car j'ai également des checkbox à vérifier (si pas de checkbox coché alors alert ...)
18/07/2006, 11h45
SpaceFrog

sinon pour le traitement des boutons y'a ça
18/07/2006, 12h08
K-Kaï

Yeah yeah yeah, alors celle la fallait aller la chercher.

Plus sérieusement si quelqu'un à une solution pour controler qu'il y a bien au moins une checkbox de cocher lors de l'appui sur un bouton je prends.

PS : la solution de linar009 ne semble pas fonctionner chez moi.

Et ca ? Ca ne marche pas ??

Citation:

Envoyé par FremyCompany

Code à la volée :

Code:

1
2
3
4
5
6
7
8
var ok=false;
try {var All = document.getElementsByTagName("input");
   for (var i=0; i<All.length; i++) {
      ok = ok || All[i].checked
   }
} finally {
   return ok
}

18/07/2006, 12h35
K-Kaï

Ca je doit avouer que je suis une brelle en Javascript (non pas que je pige pas mais je m'y suis jamais vraiment mis) et je ne comprends pas tout ce que fait le code ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function Verrif_CheckBoxOrRadioButton(Container/* as HTMLElement */) {
   /* Au départ, on considère que le test a échoué (aucune checkbox n'est checkée) */
   var ok=false;
   try {
      /* Récupère TOUTES les balises input contenue dans la balise conteneur */
      var All = Container.getElementsByTagName("input");
      /* Effectue le test pour TOUTES les balises obtenues */
      for (var i=0; i<All.length; i++) {
         /* Verrifie que l'input est bien une case à cocher ou un boutton radion */
         if (All[i].type.toLowerCase() == "checkbox" || All[i].type.toLowerCase() == "radiobutton") {
            /* Le resultat du test devient true si l'input est checkée */
            ok = ok || All[i].checked
         }
      }
   } finally {
      /* Retourne le résultat du test */
      return ok
   }
}