使無線標籤在觸控移動設備上處於活動狀態

我已經訂購了一個html wizzard。有四個步驟，每個步驟都是一堆單選按鈕。我將每個單選按鈕標籤重新設計爲大按鈕（並隱藏收音機輸入本身）。這在所有經典PC上都很有用。但我遇到了移動設備問題（iPHONE & iPAD，我無法在其他設備上測試，因爲我沒有），無法選擇單選按鈕。使無線標籤在觸控移動設備上處於活動狀態

我在這裏找到了只有one notice這個問題在stackoverflow，但是那裏發佈的解決方案也沒有功能。

最初的靈感來自apple online store用於選擇不同顏色的設備。

我的示例代碼：

<label class="option" for="edit-term-worker"> 
<input id="edit-term-worker" class="form-radio" type="radio"> 
<span class="worker-name">Sandra</span> 
</label>

它的存在需要一些JS，或在我的代碼I'have一些缺陷？

謝謝大家的幫助。

來源

2012-04-01 bighead

你試過了嗎？

<input id="edit-term-worker" class="form-radio" type="radio" /> 
<label class="option" for="edit-term-worker" onclick=""> 
<span class="worker-name">Sandra</span> 
</label>

編輯：添加一個空的onclick，根據這一點，應該做的伎倆：HTML <label> command doesn't work in Iphone browser

注意，你不應該把單選按鈕到標籤的標籤，應該是外面。

來源

2012-04-01 11:04:07 Laky

謝謝，添加的onclick可以做到這一點。 – bighead 2012-04-01 13:04:47

也爲我工作。如果你想將內聯javascript減少到最小，那麼你可以將它應用到表單元素上，但是如果將它放在每個標籤上，我會得到更好的點擊/揭示結果。 – stringy 2013-01-23 05:52:28

非常奇怪的行爲，但它也適用於我 - 只需將onclick =「」添加到您的標籤，整個標籤就會變得可點擊。愚蠢的iPad。 – 2013-04-08 14:05:03

使無線標籤在觸控移動設備上處於活動狀態

回答

相關問題