Firefox Radio Button Rareza

Question

Tengo un formulario con muchos grupos de radios. Cada radio tiene una identificación única y tiene el mismo nombre que las demás en su grupo. La página se valida como XHTML de transición.

Probado en IE6 & amp; 7, Opera, Safari y Chrome, funciona exactamente como se podría pensar desde la entrada del mouse o del teclado.

En FireFox se vuelve loco. Un solo clic en cualquier radio de un grupo configura la primera radio del grupo marcada. Un doble clic en una radio generalmente lo selecciona. ¿Alguien ha visto esto antes?

El grupo de muestra tiene este aspecto:

<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

El phonmomenon se puede probar aquí: http://www.nolaflash.com/stackoverflow/firefox_and_radios .html

Cualquier consejo apreciado.

Answer 1

Doh! Mi diseñador tenía una sola etiqueta que envolvía cada grupo de radios. Eliminar la etiqueta etiqueta corrige la rareza de FireFox.

Answer 2

De hecho, es la etiqueta <label> circundante la que causa el problema de Firefox (aunque es html válido). Esto debería hacer el truco:

<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>