我制作了一个用于制作订单的html wizzard。有四个步骤，每个步骤都是一堆单选按钮。我将每个单选按钮标签重新设计为大按钮（并隐藏无线电输入本身）。这一切都在经典PC上有很大的作用。但我遇到了移动设备的问题（iPHONE＆amp; iPAD，我无法在其他设备上测试，因为我没有），无法选择单选按钮。
我在stackoverflow上发现此问题只有one notice，但在那里发布的解决方案也没有。
原始灵感来自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，或者我的代码中有一些缺陷？
谢谢大家的帮助。
答案 0 :(得分：6)
你试过这个吗？
<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
请注意，您不应将单选按钮放在标签标签中，它应该在外面。