單選按鈕在Firefox中不工作

我已經做了大量的研究，但仍然無法確定爲什麼我的按鈕不工作。如果你雙擊它們，它們會工作，但不是單擊。輸入不包含在標籤標籤中。單選按鈕在Firefox中不工作

<div id="map-overlay"> 
<div id="filters" class="menu-ui"> 
    <form> 

     <label for="Perm. < 5 years" class="radio-label"></label> 
     <input id="Perm. < 5 years" name="checkbox" type="radio"> 


     <label for="Temp. < 5 years" class="radio-label"></label> 
     <input id="Temp. < 5 years" name="checkbox" type="radio"> 


     <label for="Temp. > 5 years" class="radio-label"></label> 
     <input id="Temp. > 5 years" name="checkbox" type="radio"> 


     <label for="Perm. > 5 years" class="radio-label"></label> 
     <input id="Perm. > 5 years" name="checkbox" type="radio"> 

    </form> 
</div>

在Chrome，Safari瀏覽器，這些做工精細等

來源

2015-05-13 mtown

他們似乎在這裏很好地工作：http://jsfiddle.net/cyd0jdah/ - 你確定它不是你的代碼的一些其他部分導致了問題？你的ID也很瘋狂。 –

我不確定它的另一部分代碼是否與另一個元素上面的覆蓋層一樣？但是他們在每個瀏覽器中工作，但是FF必須雙擊。 – mtown

除非您發佈更多代碼或最好是演示的鏈接，否則很難再多說什麼。你發佈的部分工作正常。 –

首先，我認爲你應該重新考慮你的IDS，因爲他們看起來畸形和通過CSS定位不會是非常有用的。

其次，我認爲你應該HTML看起來更像這個

<label for="Permlt5Years" class="radio-label"> 
     Perm. < 5 years 
     <input id="Permlt5Years" name="checkbox" type="radio"> 
    </label>

點擊的標籤上應選擇一個單選按鈕爲您服務。當通過直接輸入在這裏驗證https://validator.w3.org/check針對html5文檔類型時，它有11個錯誤。

來源

2015-05-13 18:44:58 BillPull

即使重新考慮我的ID，我仍然得到相同的結果。另外，我已經閱讀將標籤中的輸入封裝到所有瀏覽器中，但Firefox都適用。 – mtown

@mtown：在標籤中包裝輸入在Firefox中工作得很好。 –

單選按鈕在Firefox中不工作

回答

相關問題