Firefox單選按鈕古怪

我有一個很多組的無線電的形式。每個電臺都有一個唯一的ID，並且與其他電臺的名稱相同。該頁面驗證爲XHTML過渡。Firefox單選按鈕古怪

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

的phonmomenon可以在這裏進行測試：http://www.nolaflash.com/stackoverflow/firefox_and_radios.html

任何意見讚賞。

來源

2009-10-24 jerrygarciuh

Doh！我的設計師有一個標籤，用於包裹每組無線電。消除標籤標籤修復了FireFox的怪異。

來源

2009-10-24 22:23:18 jerrygarciuh

是，標籤內的輸入被認爲是標籤與輸入關聯，彷彿是一個'爲=「...」'已經習慣了他們交往。這是HTML標準的一部分，雖然不被IE支持。 – bobince 2009-10-24 23:06:08

如果您分配了相同的名稱和不同的ID，您不會有這種效果，那麼當您的收音機具有相同的ID時，就會發生這種情況。 – 2012-03-28 17:38:14

確實是周圍的<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>

來源

2009-10-25 00:08:47 Esk

Firefox單選按鈕古怪

回答

相關問題