Rádio Firefox Botão Weirdness

Question

Eu tenho um formulário com um monte de grupos de rádios. Cada rádio tem um ID único e tem o mesmo nome que os outros em seu grupo. Os valida páginas como XHTML de transição.

Testado no IE6 e 7, Opera, Safari e Chrome ele funciona exatamente como você pensaria que seria a partir de qualquer entrada do mouse ou do teclado.

No FireFox ele fica louco. Um único clique em qualquer rádio em um grupo define a primeira opção no grupo marcada. Um duplo clique em um rádio normalmente seleciona-lo. Alguém viu isso antes?

Looks grupo de amostra como este:

<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

O phonmomenon pode ser testado aqui: http://www.nolaflash.com/stackoverflow/firefox_and_radios .html

Algum conselho apreciado.

Answer 1

Doh! Meu estilista tinha um único tag envolvendo cada grupo de rádios. Eliminando as correções tag etiqueta estranheza do Firefox.

Answer 2

É de fato a tag <label> circundante que provoca o problema Firefox (embora seja html válido). Isso deve fazer o truque:

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