タッチ・モバイル・デバイスでラジオ・ラベルを有効にする

Question

私は注文のためにhtmlウィザーズを作った。 4つのステップがあり、それぞれにラジオボタンの束があります。私は大きなボタンに各ラジオボタンのラベルを再設計しました（そしてラジオ入力そのものを隠しています）。これはすべてクラシック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ですか？

ありがとうございました。

Answer 1

これを試しましたか？

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

EDIT：空を追加しましたonclickの、トリックを行う必要があり、このに従って：あなたはラベルタグにラジオボタンを置くべきではありませんHTML <label> command doesn't work in Iphone browser

注、それが外にする必要があります。