Stranezze dei pulsanti di opzione di Firefox

Question

Ho un modulo con molti gruppi di radio.Ogni radio ha un ID univoco e ha lo stesso nome delle altre del suo gruppo.La pagina viene convalidata come transitoria XHTML.

Testato in IE6 e 7, Opera, Safari e Chrome funziona esattamente come ci si aspetterebbe dall'input del mouse o della tastiera.

In FireFox impazzisce.Un singolo clic su qualsiasi radio in un gruppo imposta la prima radio del gruppo selezionata.Un doppio clic su una radio solitamente la seleziona.Qualcuno l'ha già visto?

Il gruppo campione è simile al seguente:

<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

Il fonomenone può essere testato qui: http://www.nolaflash.com/stackoverflow/firefox_and_radios.html

Qualsiasi consiglio apprezzato.

Answer 1

Doh! Il mio designer aveva un unico tag che avvolgeva ogni gruppo di radio. L'eliminazione del tag dell'etichetta corregge la stranezza di FireFox.

Answer 2

È davvero l'ambiente circostante <label> tag che causa il problema di Firefox (sebbene sia un codice HTML valido).Questo dovrebbe fare al caso tuo:

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