mettre a jour des champs radio après un clic [Fait]

**amarcil** · 07/07/2008, 13h58

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 !

**le_chomeur** · 07/07/2008, 14h01

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

bon courage

**Matthieu2000** · 07/07/2008, 14h01

erreur?
vérifie le nom (name) de ton formulaire "inscription"

**Bovino** · 07/07/2008, 14h01

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

Code :

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

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

**amarcil** · 07/07/2008, 14h10

le click ne passe pas non plus.

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

Voici un extrait :

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
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 :

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

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.

**Matthieu2000** · 07/07/2008, 14h57

ton formulaire n'a pas de nom.

name

mais un id...->

Code :

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

getElementById

PS :-- pour enlever 1

**defcon_suny** · 07/07/2008, 15h11

Faut juste respecter certaines choses.

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
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>

++

**amarcil** · 07/07/2008, 17h24

exact defcon ^^

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

mettre a jour des champs radio après un clic [Fait]

JavaScript

Discussions similaires

Partager

Partager