mettre a jour des champs radio après un clic

Version imprimable

07/07/2008, 13h58
amarcil

mettre a jour des champs radio après un clic

salut a tous,

Alors voila, je développe un script qui permet de détecter un clic sur une image, et qui doit sélectionner un radio button en conséquence.

dans mon formulaire j'ai donc des balises de radio button qui ne sont pas cochées par défaut.

<input type="radio" name="bidule" value="1" />
<input type="radio" name="bidule" value="2" />
<input type="radio" name="bidule" value="3" />

Le clic sur une des images de la page doit provoquer le cochage automatique d'un des 3 radio button :

J'ai essayé avec ça :
document.inscription.bidule[0].checked=true;

mais ça ne fonctionne pas.

Bref, comment peut-on dire qu'in veux cocher telle radio button dans une fonction javascript ?

Merci pour votre aide !
07/07/2008, 14h01
le_chomeur

bonjour , je te renvois sur ce tutoriel :
http://j-willette.developpez.com/tut...mulaire/#LII-B

bon courage :)
07/07/2008, 14h01
Matthieu2000

erreur?
vérifie le nom (name) de ton formulaire "inscription"
07/07/2008, 14h01
Bovino

Il me semble que checked est en lecture seule, essaye plutôt avec :

Code:

document.inscription.bidule[0].click();

le click ne passe pas non plus.

j'ai aussi bien vérifié le nom de mon formulaire.

Voici un extrait :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<form id="inscription" action="" method="post">
<a href="#" onclick="selectionimage('1');">
        <img  name="truc" id="truc"src="blabla.jpg" />
</a>
<a href="#" onclick="selectionimage('2');">
        <img  name="truc2" id="truc2"src="blabla2.jpg" />
</a>
<a href="#" onclick="selectionimage('3');">
        <img  name="truc3" id="truc3"src="blabla3.jpg" />
</a>     
 
</p>
<p>
        <input type="radio" name="choiximg" value="1"  />
        <input type="radio" name="choiximg" value="2"  />
        <input type="radio" name="choiximg" value="3" />
</p>
</form>

et le script JS associé :

Code:

1
2
3
4
5
6
7
8
9
10
11
function selectionimage(img)
        {
 
 
             if(img=='1')
                   {alert("hum");
                     document.inscription.choiximg[0].checked=true;
                    }
 
ETC...
}

je veux donc que le clic sur l'image appelle un script, et ce script permet de cocher lui meme le radio button.

07/07/2008, 14h57
Matthieu2000

ton formulaire n'a pas de nom.

Citation:

name

mais un id...->

Code:

getElementById

PS :-- pour enlever 1

Faut juste respecter certaines choses.

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
 
<html>
<head>
	<script language="javascript" type="text/javascript">
		function selectionimage(img){
			if (img==1){
                                //En utilisant le getElementById nécessite l'attribut id
				document.getElementById("ch1").checked=true;
			}
			if (img==2){
                                //En utilisant l'arborescence du form nécessite l'attribut name
				document.forms[0].choiximg[1].checked=true;
			}
		}
	</script>
</head>
<body>
<form> 
<form id="inscription" name="inscription" action="" method="post">
<a href="#" onclick="selectionimage('1');">
        <img  name="truc" id="truc"src="blabla.jpg" />
</a>
<a href="#" onclick="selectionimage('2');">
        <img  name="truc2" id="truc2"src="blabla2.jpg" />
</a>
<a href="#" onclick="selectionimage('3');">
        <img  name="truc3" id="truc3"src="blabla3.jpg" />
</a>     
 
</p>
<p>
        <input type="radio" name="choiximg" id="ch1" value="1"  />
        <input type="radio" name="choiximg" id="ch2" value="2"  />
        <input type="radio" name="choiximg" id="ch3" value="3" />
</p>
</form>
 
</body>
</html>

07/07/2008, 17h24
amarcil

exact defcon ^^

Merci, c'est réglé grâce a ton explication claire :)