Accés aux elements d'un formulaire

**aelmalki** · 26/10/2009, 23h07

Bonsoir,

Je voudrais savoir comment pourrais-je accéder pour savoir lequel de mes radios a la valeur CHEKED dans l'exemple suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<FORM name="NAV">
    <DIV id="question1">
         <TABLE>
            <TR>
              <TD>
                  <INPUT TYPE="RADIO" NAME="question1" VALUE="1"/>Test
                  <INPUT TYPE="RADIO" NAME="question1" VALUE="2"/>Test
                  <INPUT TYPE="RADIO" NAME="question1" VALUE="3"/>Test
                  <INPUT TYPE="RADIO" NAME="question1" VALUE="4"/>Test
              </TD>
           </TR>
         </TABLE>
    </DIV>
</FORM>

J'arrive a bien a accéder a un objet dans le FORM, mais pas un objet dans un DIV,
Est ce que vous pouvez m'éclaircir là dessous ?

Merci beaucoup.

**SpaceFrog** · 27/10/2009, 08h28

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementsByName('question1')

te retournera la collection des éléments ayant pour name question 1 il suffira de boucler dessus...
Il y a un sujet dans la FAQ qui donne une solution en passant par elements ...

**aelmalki** · 27/10/2009, 12h24

Bonjour SpaceFrog,

Merci pour votre retour,

Effectivement, j'ai mis le résultat de document.getElementsByName('question1') dans une variable que j'ai traiter par la suite dans une boucle pour récupérer les cases cochées.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
var listeRadio = document.getElementsByName('question1');
for (i=0; i<listeRadio.length; i++) {
    if (listeRadio[i].checked)
      alert('case cochée');
   else
      alert('case non cochée');
}

Par contre j'ai une autre question : je veux masquer mon DIV "question1", j'ai utiliser ce code qui marche comme il le faut si j'enlève la balise FORM :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById('question1').style.display = "none"

Je ne comprend pas pourquoi lorsque j'enlève FORM ça marche, et si avec ça ne marche pas ? Est ce que vous pouvez m'expliquer ou m'orienter ?

Merci beaucoup.