Firefox Radio Button Weirdness

У меня есть форма с множеством групп радиостанций. Каждое радио имеет уникальный идентификатор и имеет то же имя, что и другие в своей группе. Страница подтверждается как переход XHTML.

Протестировано в IE6 и 7, Opera, Safari и Chrome, он работает точно так же, как вы думаете, это будет с клавиатуры или мыши.

В FireFox это сходит с ума. Один клик на любом радио в группе устанавливает первое радио в группе, отмеченной. Двойной щелчок на радио обычно выбирает его. Кто-нибудь видел это раньше?

Примерная группа выглядит следующим образом:

<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

Симптомы могут быть протестированы здесь: http://www.nolaflash.com/stackoverflow/firefox_and_radios.html

Любые советы приветствуются.

Ответ 1

Doh! У моего дизайнера была одна бирка, обертывающая каждую группу радиостанций. Устранение метки метки исправляет странность FireFox.

Ответ 2

Это действительно окружающий тег <label>, который вызывает проблему с Firefox (хотя это действительно html). Это должно сделать трюк:

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