Discussion :

[superzero]

Bonjour

Je voudrais savoir comment faire pour activer le bouton submit "Valider" à la fin du questionnaire, lorsque l'utilisateur cliquera sur "Valider", il y aura un message qui le remercie d'avoir répondu aux questions et que le bouton "Valider" redevient grisé.

J'ai essayé pas mal de choses, je vous montre mon code JS :

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
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
function affiche_bouton(form1) 
{ 
	var isChecked=false;
	for (i=0; i<document.getElementsByTagName("input").length; i++)
	if (document.getElementsByTagName("input")[i].type=="radio")
	if (document.getElementsByTagName("input")[i].checked)
	isChecked=true;
	if (isChecked)
	{
		document.getElementById('submite').disabled='';
	} else {
		document.getElementById('submite').disabled='disabled';
		}
}
</SCRIPT>

Un extrait de mon source XHTML:

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
<p><b>Question 1 : blablablabla ?</b></p>
  <table width="500" border="1">
    <tr>
      <td><input type="radio" name="rep1" id="radio" value="radiobutton"  />
      Tr&egrave;s satisfait</td>
      <td><input type="radio" name="rep1" id="radio" value="radiobutton"  />
      Satisfait</td>
      <td><input type="radio" name="rep1" id="radio" value="radiobutton"  />
      Moyennement satisfait</td>
      <td><input type="radio" name="rep1" id="radio" value="radiobutton"  />
      Pas satisfait</td>
    </tr>
</table>
 
<p><b>Question 2 : blablablabla ?</b></p>
  <table width="500" border="1">
    <tr>
      <td><input type="radio" name="rep1" id="radio" value="radiobutton"  />
      Tr&egrave;s satisfait</td>
      <td><input type="radio" name="rep1" id="radio" value="radiobutton"  />
      Satisfait</td>
      <td><input type="radio" name="rep1" id="radio" value="radiobutton"  />
      Moyennement satisfait</td>
      <td><input type="radio" name="rep1" id="radio" value="radiobutton"  />
      Pas satisfait</td>
    </tr>
</table>
 
<input type="submit" name="button" value="Valider" id="submite" disabled="disabled" />

Mon problème, c'est que dès que j'ai répondu à la question 2, le bouton "Valider" reste grisé :s

Avez-vous une solution à ça svp ?

Merci de m'aider

[SpaceFrog]

Code :

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

disabled=true ou false ;

[superzero]

Code :

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

disabled=true ou false ;

Bonjour

Merci de ta réponse

Pourrais-tu être plus précis stp ?

Merci

[SpaceFrog]

Code :

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

1
2
3
4
5
6
if (isChecked)
	{
		document.getElementById('submite').disabled='';
	} else {
		document.getElementById('submite').disabled='disabled';
		}

ben heu ... remplace '' par false et 'disabled par true ...


et pis si js retrouve ses petits dans ton code entre les for if et else sasn { } ...

[superzero]

Code :

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

1
2
3
4
5
6
if (isChecked)
	{
		document.getElementById('submite').disabled='';
	} else {
		document.getElementById('submite').disabled='disabled';
		}

ben heu ... remplace '' par false et 'disabled par true ...


et pis si js retrouve ses petits dans ton code entre les for if et else sasn { } ...

Ça ne fonctionne toujours pas :s

Oui sans les { } parmi les for, if, else ça fonctionne, j'ai fait le test avec une case à cocher (dans une page de test). Mais là quand il s'agit de plusieurs boutons radios dans chaque question ca ne veut plus >.<

[Bovino]

En omettant les accolades de ta boucle for puis de tes if else imbriqués, tu laisses le navigateur extrapoler où mettre la fermeture de chaque bloc d'instructions...
Il faudrait toujours mettre les accolades.

[Willpower]

Code :

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

1
2
3
4
5
6
if (isChecked)
	{
		document.getElementById('submite').disabled='';
	} else {
		document.getElementById('submite').disabled='disabled';
		}

ben heu ... remplace '' par false et 'disabled par true ...


et pis si js retrouve ses petits dans ton code entre les for if et else sasn { } ...

il me semble que le :

Code :

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

objectDOM.disabled="disabled";

est tout à fait correct.

[Willpower]

@superzero: voici déjà qqes corrections à apporter à ta source :

HTML:
-tes 2 groupes de question doivent porter des "name" différents.
-un "id" doit être unique
JAVASCRIPT:
-ne pas dupliquer inutilement les appels aux méthodes telles que "getElementsByTagName".
-pense à présenter ton code correctement (indentation) et 2 "if" imbriqués sans autre possibilité revient à mettre les 2 conditions dans un seul "if" liées par un "&&"

Code :

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

1
2
3
if(cond1)
  if(cond2)
    code..

revient à :

Code :

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

1
2
if(cond1 && cond2)
  code..

dans ton cas :

Code :

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

1
2
3
4
5
6
 
	var isChecked=false;
	for (i=0; i<document.getElementsByTagName("input").length; i++)
	if (document.getElementsByTagName("input")[i].type=="radio")
	if (document.getElementsByTagName("input")[i].checked)
	isChecked=true;

revient à :

Code :

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

1
2
3
var isChecked=false, allInput=document.getElementsByTagName("input");
for (i=0; i<allInput.length && !isChecked; i++)
  isChecked = (allInput[i].type=="radio" && allInput[i].checked);

bon, maintenant on veut s'attaquer au vrai problème, tu voudrais que ton bouton "valider" se dégrise quand tu as répondu à toutes les questions, pour ce faire il faut vérifier à chaque modification(évènement) sur tes radio que la condition est remplie ou non. si tu gères effectivement ces évènements montre-nous de quelle manière tu t'y prends. (le code).