[HTML] Probleme Balise LABEL et IE 6

Bonjour à tous et toutes,

Je vous expose mon problème... J'ai une série de bouton radio, portant tous le même nom ... jusque là c'est sans problème...

Pour chaque bouton radio je mets en correspondance une image.

J'aimerai que lorsque l'utilisateur clique sur l'image, le bouton radio associé soit automatiquement selectionné.

J'ai investigué, trouvé une solution du coté de la balise LABEL.

J'ai placé un ID sur chacun des <input type="radio" ...> et entouré chque image par la balise LABEL ... le problème est le suivant:

cela fonctionne très bien sous firefox mais ne fontionne pas dus tout sous IE6.

J'aimerai savoir si certains d'entre vous ont déjà rencontré le problème ? si ils peuvent m'apporter une solution ...

Je pensais passer par du javascript en deuxieme cas mais cela me parait assez compliqué.

Thanx in advance ...

LG.

Code:

---

1 2 3 4

<form> <input type="radio" name="monChoix" value="image1" checked><img src="image1.gif" onClick="document.forms[0].monChoix[0].checked='true'"><br> <input type="radio" name="monChoix" value="image2"><img src="image2.gif" onClick="document.forms[0].monChoix[1].checked='true'"><br> </form>

---

Testé sous :

• Firefox 1.0.3
  IE 6
  Firefox 1.0.3
  Opera 7.54
  Mozilla 1.7.2
  Netscape 7.2

Je ne peux pas te garantir que cette méthode d'accès soit compatible avec les recommandations du W3C, mais ils n'ont pas prévu qu'on pouvait avoir besoin d'accéder à des objets portant le même nom (cas des cases à cocher) : la méthode getElementById est inexploitable dans ce cas.

La méthode avec les label est préférable à la version JS selon moi.

Fais nous voir ton code, parceque là c'est pas évident de voir ce qui cloche.

En principe, c'est mieux de pas entourer la balise input avec la balise label, mais ça doit pas venir de là à priori.

Donc, montre nous ton code qu'on y voit plus clair ;)

Merci à tous pour vos réponses mais en fait je me suis débrouillé autrement, j'ai utilisé un id et une de javascript sur le clic de l'image :

Code:

---

1 2 3 4 5

<input id="1" type="radio" name="choix" value="1" /> <img src="..." onclick="javascript:document.getElementById('1').checked=true;" /> <input id="2" type="radio" name="choix" value="2" /> <img src="..." onclick="javascript:document.getElementById('2').checked=true;" />

---

:wink:
Encore merci de votre aide ...

LG.