cocher dans un radio button

**yakusa77** · 04/12/2008, 20h29

Bonjour,
voila j'ai un probleme pour forcer le choix de mon button radio...
Je dois enfaite afficher les solutions dans un radio button.
Voila mon code :

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
function solu()
	{
 
	document.question.escar[0].checked=true;
	document.question.work[1].checked==true;
	document.question.gerant[1].checked==true;
	document.question.salut[2].checked==true;
	document.question.forme[1].checked==true;
 
 
	}
 
 
 
	</script>

et aussi mon html :

Code html :

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
40
 
<h1>Tester vos connaissance sur l'éponge la plus célèbre :</h1>
  <form name="question">
Quel est le nom de l'éscargot de Bob?<p>
 
   <input type="RADIO" name="escar">Garry<BR>
   <input type="RADIO" name="escar" >Harry<BR>
   <input type="RADIO" name="escar">John Mc Cain<BR><BR>
 
Quelle est le travaille de Bob ? <p>  
 
	<input type="RADIO" name="work">Garagiste<BR>
	<input type="RADIO" name="work">Cuisinier<BR>
	<input type="RADIO" name="work">Patissier<BR><br>
 
Quelle est le nom du gérant du Crabe Croustillant ?<p>
 
	<input type="RADIO" name="gerant">Bob<BR>
	<input type="RADIO" name="gerant">Mr Krabs<BR>
	<input type="RADIO" name="gerant">Gary<BR><br>
 
Que dit Patrick quand il voit Bob ?<p>
 
	<input type="RADIO" name="salut">Bonjour Bob<BR>
	<input type="RADIO" name="salut">Hola bob<BR>
	<input type="RADIO" name="salut">A que salut Bob<BR><br>
 
De qu'elle forme est Bob l'éponge ?<p>
 
	<input type="RADIO" name="forme">Rectangulaire<BR>
	<input type="RADIO" name="forme">Carré<BR>
	<input type="RADIO" name="forme">Triangulaire<BR><br>
 
 
 
   <input type="button" name="btnote" value="Note"
    OnClick="result()">
 
	<input type="button" name="solu" value="Solution" disabled="true"
	OnClick="solu()">

Voila j'ai essayer 20 méthode différente rien ne fonctionnent...
Si quelqu'un peut m'aider ce serait sympa

**Saray** · 04/12/2008, 23h22

Sans les doubles = et avaec un getElementsByName est ce que ça marche mieux ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function solu()
{
 
document.getElementsByName('escar')[0].checked=true;
document.getElementsByName('work')[1].checked=true;
document.getElementsByName('gerant')[1].checked=true;
document.getElementsByName('salut')[2].checked=true;
document.getElementsByName('forme')[1].checked=true;
 
 
}

**yakusa77** · 05/12/2008, 09h57

Non je viens de tester mais déja ma coloration au niveau du nom ('escar') et de tous les autres est en grisé...Je pense déja qu'il ya un soucis a ce niveau.
J'ai aussi essayé avec des guillemets, sans les guillemets...

**Bovino** · 05/12/2008, 10h07

Envoyé par yakusa77

Non je viens de tester mais déja ma coloration au niveau du nom ('escar') et de tous les autres est en grisé...Je pense déja qu'il ya un soucis a ce niveau.

C'est juste la couleur de ton éditeur (notepad++ ?) pour signaler les termes entre guillemets, ça n'a rien à voir et la solution proposée par Saray est bonne.

**yakusa77** · 05/12/2008, 10h15

oui c'est notepad++ mais ca ne change rien ca ne marche toujours pas...
je vous met le code avec les modifications.

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
40
41
42
43
44
45
46
47
48
 
	function solu()
	{
document.getElementsByName('escar')[0].checked=true;
document.getElementsByName('work')[1].checked=true;
document.getElementsByName('gerant')[1].checked=true;
document.getElementsByName('salut')[2].checked=true;
document.getElementsByName('forme')[1].checked=true;
	}
	</script>
<BODY>
<h1>Tester vos connaissance sur l'éponge la plus célèbre :</h1>
  <form name="question">
Quel est le nom de l'éscargot de Bob?<p>
 
   <input type="RADIO" name="escar">Garry<BR>
   <input type="RADIO" name="escar" >Harry<BR>
   <input type="RADIO" name="escar">John Mc Cain<BR><BR>
 
Quelle est le travaille de Bob ? <p>  
 
	<input type="RADIO" name="work">Garagiste<BR>
	<input type="RADIO" name="work">Cuisinier<BR>
	<input type="RADIO" name="work">Patissier<BR><br>
 
Quelle est le nom du gérant du Crabe Croustillant ?<p>
 
	<input type="RADIO" name="gerant">Bob<BR>
	<input type="RADIO" name="gerant">Mr Krabs<BR>
	<input type="RADIO" name="gerant">Gary<BR><br>
 
Que dit Patrick quand il voit Bob ?<p>
 
	<input type="RADIO" name="salut">Bonjour Bob<BR>
	<input type="RADIO" name="salut">Hola bob<BR>
	<input type="RADIO" name="salut">A que salut Bob<BR><br>
 
De qu'elle forme est Bob l'éponge ?<p>
 
	<input type="RADIO" name="forme">Rectangulaire<BR>
	<input type="RADIO" name="forme">Carré<BR>
	<input type="RADIO" name="forme">Triangulaire<BR><br>
   <input type="button" name="btnote" value="Note"
    OnClick="result()">
 
	<input type="button" name="solu" value="Solution" disabled="true"
	OnClick="solu()">
</form>

Ya t-il un autre moyen qu'avec un getelementby car je suis en bts info premiere année et le prof n'a jamais parlé de cette méthode alors peut-etre qu'il existe un autre moyen...

**Jumano** · 05/12/2008, 10h28

Bonjour,
Modifie le nom de ta fonction :

Code :

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

function solution()

et

Code :

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

OnClick="solution()"

**yakusa77** · 05/12/2008, 10h36

MERCIIIIIIIIIIIIIIIIIII
c'était ca !!
Ca devait bloquer avec mon autre solu Merci beaucoup a vous pour votre aide !!!!

**E.Bzz** · 05/12/2008, 10h38

Envoyé par Jumano

Modifie le nom de ta fonction

Heu ... pourquoi ?

Envoyé par Bovino

la solution proposée par Saray est bonne.

Oui, mais elle a un inconvénient : si un autre <form> possédant les mêmes éléments (ayant les même name) existe dans la page (en particulier avant celui-ci), ce ne seront pas forcément les objets attendus qui seront ciblés (car toute la page est balayée).
Pour cette raison, il me semble préférable d'utiliser

Code :

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

1
2
3
4
5
6
7
8
function solu()
{
document.forms['question'].elements['escar'][0].checked=true;
document.forms['question'].elements['work'][1].checked==true;
document.forms['question'].elements['gerant'][1].checked==true;
document.forms['question'].elements['salut'][2].checked==true;
document.forms['question'].elements['forme'][1].checked==true;
}