Question

我有一个包含很多无线电组的表格。每个无线电都具有唯一的ID，并且与其组中的其他无线电具有相同的名称。该页面验证为XHTML过渡。

在IE6＆amp; 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

确实是导致Firefox问题的周围<label>标记（尽管它是有效的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>

Firefox单选按钮古怪

2 个答案: