recupérer la valeur d'un bouton radio

Version imprimable

03/11/2004, 19h51
ericmart

recupérer la valeur d'un bouton radio

bonsoir

j'ai un formulaire avec des boutons radio
je voudrais recupérer dans une variable celui qui est checked

merci
03/11/2004, 20h07
Invité

salut

il faut donner le meme nom à tous les boutons radio qui correspondent à la meme question, puis tu les recuperes avec document.getElementsByName(). tu parcoures ensuite le tableau qui t'est renvoyé, et tu testes pour chacun si son attribut checked est true.

parsonnellement je m'y prend comme ça(mais ça doit pouvoir se couplé avec ce qui ta été proposé par torvalds17) :
Code:

1 2 3 4 5 6 for(i=0,i<="ton nombre de boutonradio",i++){ if(document.tonformulaire.le_nom_de_tes_boutonsRadio[i].checked){ VarRecup=document.tonformulaire.le_nom_de_tes_boutonsRadio[i].value; } }

04/11/2004, 14h58
ericmart

merci
19/05/2008, 14h07
PierreBTSIG

Moi il y a quelque chose qui me gêne :
la variable i correspond à quoi dans la recherche ??
Si elle correspond à la valeur sa pose problème pour ce que je cherche à faire puisque value me donne un renseignement (qui n'est pas un nombre !!)
19/05/2008, 14h16
tusssss

Citation:

Code:

i<="ton nombre de boutonradio"
19/05/2008, 14h29
PierreBTSIG

A oui c'est vrai excusez moi.
J'ai posté sa parce qu'en fait chez moi sa ne marche pas !!
Je ne comprend pas dans ce cas comment s'effectue la recherche sur cette ligne :
if(document.tonformulaire.le_nom_de_tes_boutonsRadio[i].checked)
19/05/2008, 14h43
tusssss

C'est déjà tout fait, il suffit de remplacer dans le code:

* tonformulaire par le nom que tu as donné à ton formulaire dans la balise name

* lenomdetesboutonsradio par le nom que tu as donné à tes boutons radios dans ton formulaire dans la balise name.

Pas de grosses difficultés à priori.
19/05/2008, 14h48
PierreBTSIG

J'ai bien fait ce que tu vient de dire sauf pour le nom du formulaire puisque mes boutons radio ne sont pas dans un formulaire mais je ne sais pas si sa change grand chose...
19/05/2008, 14h54
tusssss

Et bien si, ca change tout, tu ne peux pas recuperer les donnée d'un formulaire si tu n'as pas de formulaire...

Je te conseille d'aller lire les tutoriels de HTML et PHP, car je pense que la fonction de récupération de donnée utilisée dans ce topic était une récupération à des fins de vérifications ans un onsubmit(), enfin peut-être...

Voici mon code si sa peut t'aider à m'aider :D

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
<form name="FormSmiley">
Smiley :
	<input type="radio" name="ratio" value=":classe:" >
	<img src="smileys/classe.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":clindoeuil:" >
	<img src="smileys/clindoeuil.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":content:" >
	<img src="smileys/content.png" width="15" height="15">
	<input type="radio" name="ratio" value=":demonNon:" >
	<img src="smileys/demonNon.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":demonOui:" >
	<img src="smileys/demonOui.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":enerve:" >
	<img src="smileys/enerve.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":exclam:" >
	<img src="smileys/exclam.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":fleche:" >
	<img src="smileys/fleche.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":hallucinant:" >
	<img src="smileys/hallucinant.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":heureux:" >
	<img src="smileys/heureux.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":honte:" >
	<img src="smileys/honte.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":idee:" >
	<img src="smileys/idee.png" width="15" height="15">
	<input type="radio" name="ratio" value=":interro:" >
	<img src="smileys/interro.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":langue:" >
	<img src="smileys/langue.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":lol:" >
	<img src="smileys/lol.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":pleur:" >
	<img src="smileys/pleur.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":triste:" >
	<img src="smileys/triste.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":yeuxroule:" >
	<img src="smileys/yeuxroule.gif" width="15" height="15">
	<br />
	<input name="button" type="button" OnSubmit="javascript:smiley();" value="Ajouter au message">
	<br />
</form>

et le javascript qui va avec :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<script language="JavaScript" type="text/javascript">
function smiley()
{
	with(document.poster)
	{
		var i = 1;
		for(i=0,i<="19",i++)
		{	
			var test = prompt(i);
			if(document.FormSmiley.ratio[i].checked == true)
			{
				if(msg.createTextRange)
				{
					var text;
					msg.focus(msg.caretPos);
					msg.caretPos = document.FormSmiley.selection.createRange().duplicate();
					msg.value = document.ratio[i].value;
				}
				else
				{
					msg.value = document.ratio[i].value;
				}
			}
		}
	}
}
</script>

19/05/2008, 15h38
tusssss

Bonne nouvelle pour commencer, tu as bien un formulaire, qui s'appelle FormSmiley, maintenant, je passe à la mauvaise nouvelle, tu utilise un onsubmit sur un input de type Button, alors que les onsubmit se placent dans la balise <form>.

Ensuite ton onsubmit ne se déclenchera jamais puisque tu n'as pas dans ton formulaire de bouton submit...

Je pense que le mieux pour toi n'est pas que je te fasse ton formulaire, le mieux est d'aller te documenter un peu, pour apprendre il faut en passer par la, c'est à dire apprendre ce qu'est un formulaire et tout ca.

Après t'être documenté un minimum, tu pourras revenir ici avec quelque chose de concret et tu sauras de quoi on te parle ;)

Bon courage, à priori les changements à opérer sur ton code ne sont pas trop méchants, il suffit de changer quelques petits trucs et ca devrait fonctionner.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<form name="FormSmiley" onsubmit="smiley();">
Smiley :
	<input type="radio" name="ratio" value=":classe:" >
	<img src="smileys/classe.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":clindoeuil:" >
	<img src="smileys/clindoeuil.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":content:" >
	<img src="smileys/content.png" width="15" height="15">
	<input type="radio" name="ratio" value=":demonNon:" >
	<img src="smileys/demonNon.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":demonOui:" >
	<img src="smileys/demonOui.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":enerve:" >
	<img src="smileys/enerve.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":exclam:" >
	<img src="smileys/exclam.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":fleche:" >
	<img src="smileys/fleche.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":hallucinant:" >
	<img src="smileys/hallucinant.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":heureux:" >
	<img src="smileys/heureux.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":honte:" >
	<img src="smileys/honte.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":idee:" >
	<img src="smileys/idee.png" width="15" height="15">
	<input type="radio" name="ratio" value=":interro:" >
	<img src="smileys/interro.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":langue:" >
	<img src="smileys/langue.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":lol:" >
	<img src="smileys/lol.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":pleur:" >
	<img src="smileys/pleur.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":triste:" >
	<img src="smileys/triste.gif" width="15" height="15">
	<input type="radio" name="ratio" value=":yeuxroule:" >
	<img src="smileys/yeuxroule.gif" width="15" height="15">
	<br />
	<input name="button" type="submit" value="Ajouter au message">
	<br />
</form>

Bon allez je te mets quelques corrections déjà, ça va peut-être fonctionner, mais documente toi quand même. 8-)