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>