Bouton de radio Firefox

Question

J'ai un formulaire avec beaucoup de groupes de radios. Chaque radio a un identifiant unique et porte le même nom que les autres de son groupe. La page est validée en tant que transition XHTML.

Testé dans IE6 & amp; 7, Opera, Safari et Chrome, il fonctionne exactement comme vous le penseriez avec une souris ou un clavier.

Dans FireFox, ça devient fou. Un simple clic sur n'importe quelle radio d'un groupe définit la première radio du groupe coché. Un double clic sur une radio le sélectionne généralement. Quelqu'un a déjà vu cela auparavant?

Le groupe d'échantillons ressemble à ceci:

<input type="radio" name="upAndDown_1" id="upAndDown_11" value="Y"  /> Y <br />
<input type="radio" name="upAndDown_1" id="upAndDown_12" value="N"  checked="checked" /> N<br />
<input type="radio" name="upAndDown_1" id="upAndDown_13" value="NA"  /> NA

Le phonomère peut être testé ici: http://www.nolaflash.com/stackoverflow/firefox_and_radios .html

Tout conseil apprécié.

Answer 1

Doh! Mon concepteur avait une seule étiquette enveloppant chaque groupe de radios. L'élimination de l'étiquette corrige l'étrangeté de FireFox.

Answer 2

C'est bien la balise <label> environnante qui cause le problème de Firefox (bien qu'il s'agisse d'un code HTML valide). Cela devrait faire l'affaire:

<input type="radio" name="upAndDown_2" id="upAndDown_21" value="Y"/><label for="upAndDown_21">Y</label><br/>
<input type="radio" name="upAndDown_2" id="upAndDown_22" value="N"/><label for="upAndDown_22">N</label><br/>
<input type="radio" name="upAndDown_2" id="upAndDown_23" value="NA" checked="checked"/><label for="upAndDown_22">NA</label>