Discussion :

[Shandler]

Bonjour,

Jai un formulaire avec plusieurs bouton radio qui se suive et j'aimerai faire que quand on sélectionne un radio le fond du label qui accompagne se radio change de couleur.

Code :

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

1
2
3
<input type="radio" name="test" /><label>blaaaaa</label>
<input type="radio" name="essai" /><label>blooooo</label>
<input type="radio" name="go" /><label>bliiiiiiiiiiii</label>

Merci de votre aide.

[d-Rek]

Bonjour,

Utilise la balise code s'il te plait.

Code Javascript :

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

1
2
3
4
5
6
function $(id){return document.getElementById(id);}
function color(id, color){
	if($(id)){
		$(id).style.backgroundColor='#'+color;
	}
}

Code HTML :

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

1
2
3
<label for="test"><input type="radio" name="test" id="test" />blaaaaa</label>
<label for="essai"><input type="radio" name="essai" id="essai" />blooooo</label>
<label for="go"><input type="radio" name="go" id="go" />bliiiiiiiiiiii</label>

[E.Bzz]

Bonjour,
attention toutefois à ne pas inclure l'input dans le label qui lui est associé : il y a une gestion d'évènement entre les 2 ("transfert" du clic), et ça risque de perturber ...

A+

[Shandler]

Merci ca marche comment ton code ?

Moi j'avais trouvé ca mais j'arrive pas le faire marcher correctement :

Code :

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

1
2
3
4
5
function couleur()
{  
      var d = document.getElementById('solution');
      d.style.backgroundColor = (document.getElementById('test').checked ==    true) ? '#EED81B' : '#fff';
}

solution etant un id de mon lable

merci a toi

[d-Rek]

Montre ton code HTML correspondant s'il te plait..
Ca devrait fonctionner pourtant.

[E.Bzz]

Ca devrait fonctionner pourtant.

Faudrait peut-être l'appeler, la fonction color()

J'ai l'impression que ma remarque précédente est passée à l'as

A+

[Shandler]

Code :

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

<input type="radio" name="devise" value="1" onclick="couleur('solution');" id="soluce" /><label id="solution" > blabla</label><br />

J'ai essayé de mettre des variable dans ma fonction mais ca marche pas non plus.

[d-Rek]

T'es sous IE 2.1 ?

Ecoute E.Bzz, il dit pas que des bétises