Странность переключателя Firefox

StackOverflow https://stackoverflow.com/questions/1619336

  •  06-07-2019
  •  | 
  •  

Вопрос

У меня есть форма с большим количеством групп радиостанций.Каждое радио имеет уникальный идентификатор и то же имя, что и остальные в его группе.Страница проверяется как переходная к 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

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

Это было полезно?

Решение

Дох!У моего дизайнера была одна бирка, обернутая вокруг каждой группы радиоприемников.Устранение тега label устраняет странности FireFox.

Другие советы

Это действительно окружающий тег <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>
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top