Firefox Radiobutton Weirdness

Question

Ich habe ein Formular mit vielen Gruppen von Radios. Jedes Funkgerät hat eine eindeutige ID und hat die gleichen Namen wie die andere in seiner Gruppe. Die Seite validiert als XHTML Übergangs-.

Getestet in IE6 und 7, Opera, Safari und Chrome funktioniert es genau so, wie Sie es von entweder Maus- oder Tastatureingabe würde denken würden.

In FireFox geht es verrückt. Ein einfacher Klick auf dem Funk in einer Gruppe stellt das erste Radio in der Gruppe überprüft. Ein Doppelklick auf ein Radio wählt es in der Regel. Wer vorher gesehen?

Beispielgruppe wie folgt aussieht:

<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

Die phonmomenon hier getestet werden kann: http://www.nolaflash.com/stackoverflow/firefox_and_radios .html

Jede Beratung sehr geschätzt.

Answer 1

Doh! Mein Designer hatte einen einzigen Tag, jede Gruppe von Radios wickeln. Die Beseitigung der Label-Tag fixiert Firefoxs Seltsamkeit.

Answer 2

Es ist in der Tat der umgebende <label> Tag, das das Firefox Problem verursacht (obwohl es gültig html). Dies sollte den Trick tun:

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