Discussion :

[Emcy]

bonjour,

comment fait-on pour récupérer la valeur d'un checkbox à l'aide de l'attribut name ?
la checkbox se situe dans un formulaire...

[fabien.c]

Bonjour,

Si tu n'as qu'une checkbox autant utiliser son Id.

Code :

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

1
2
 
tavariable = document.getElementById('IdDeTaCheckBox').value

Et si tu veux faire a partir du nom utilise la fonction getElementsByName()

[Emcy]

ça ne marche pas avec getElementsByName()

c'est quoi la difference entre getElementsByName() et getElementById ? quels sont les avantages et inconvénients ?

[deY!]

getElementsByName retoure un tableau de noeux, alors que getElementByIs retourne une et une seul...

Tu voit d'ailleurs un "s" à element... si tu n'as qu'un checkbox sans formulaire fait:

Code :

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

1
2
3
<input type="checkbox" id="id_cb" />
 
document.getElementById('id_cb');

Si tu as un checkboxe dans un formulaire :

Code :

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

1
2
3
4
5
6
 
<form name="n_form" action="">
<input type="checkbox" name="n_cb" />
</form>
 
document.forms['n_form'].elements['n_cb'];

Si tu as plusieurs checkbox avec le meme nom sans formulaire :

Code :

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

1
2
3
<input type="checkbox" name="n_cb" />
 
document.getElementsByName('id_cb')[place dans la page];

Si tu as plusieurs checkbox avec le meme id dans un formulaire :

Change moi ça tout de suite...

[fabien.c]

Si tu as plusieurs checkbox avec le meme nom dans un formulaire :

Change moi ça tout de suite...

Je pense tu dois confondres avec l'attribut id qui lui doit être unique

[fabien.c]

getElementsByName() te retourne une collection d'objet il faut ensuite la parcourir pour trouver l'élément sur lequel tu veux travailler.
Cette fonction est donc utile quand tu as plusieurs élément ayant le même "name" (ex: checkbox, radio, etc.)

getElementById() en revanche te retourne un élément unique (normal puisque la sélection se fait sur l'id de l'élément).

En conclusion, si tu n'as qu'un élément utilise getElementById sinon getElementsByName (ou getElementsByClass)

Exemple sommaire d'utilisation de la méthode getElementsByName :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<FORM name="form_fruit">
   <INPUT type="checkbox" name="fruit" value="Fraise"> Fraise <BR>
   <INPUT type="checkbox" name="fruit" value="Banane"> Banane <BR>
   <INPUT type="checkbox" name="fruit" value="Pomme"> Pomme <BR>
</FORM>
<SCRIPT language=javascript>
   document.getElementsByName("fruit")[0].checked = true;
   document.getElementsByName("fruit")[1].checked = true;
   document.getElementsByName("fruit")[2].checked = true;
</script>

[deY!]

Oui tout mes confuse...

la methode DOM getElementsByClass n'existe pas, il faut la créer.

[Emcy]

merci pour ces eclaircissment

=> donc a priori, pour les checkbox, il vaut mieux travailler sur le id alors que sur les radios boutons, il vaut mieux travailler sur les name (vu qu'ils sont plusieurs et liés)

l'un des seuls endroit ou il faudrait utiliser l'attribut name sur une checkbox, c'est lorsqu'on a un tableau rempli de checkbox...