Firefox单选按钮古怪

Question

我有一个包含很多无线电组的表格。每个无线电都具有唯一的ID，并且与其组中的其他无线电具有相同的名称。该页面验证为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

任何建议表示赞赏。

Answer 1

卫生署！我的设计师有一个包裹每组无线电的标签。消除标签标签可以修复FireFox的怪异。

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