“块样式”单选按钮适用于除 iPad 之外的所有设备答案

【问题标题】：'Block Style' radio buttons working on everything BUT iPad“块样式”单选按钮适用于除 iPad 之外的所有设备
【发布时间】：2012-08-28 15:27:13
【问题描述】：

我有一组单选按钮，并设置了它们的样式，以便它们显示：块，以便它们看起来像按钮（还隐藏了单选按钮本身）。这在台式机和安卓平板电脑上的 Chrome 和 Firefox 中效果很好……但不适用于 iPad。

无论出于何种原因，块元素在 iPad 上都不是“活动的”，也没有设置单选按钮。如果我“取消隐藏”单选按钮，您会看到单击块时它没有被选中。但是，如果我单击实际的单选按钮本身，它会正确选择甚至更改块元素的背景颜色！ http://jsfiddle.net/WhNRK/1/

知道我做错了什么导致这种情况发生吗？似乎它应该是非常简单的功能，所以我希望它只是我忽略的一些简单的东西......

包含此内容的网站的主要用途是用于移动设备，因此绝对需要它在任何 iOS 设备上运行（假设它也可能发生在 iPhone 上，只是我这里没有立即测试）。

感谢您提出的任何建议！

【问题讨论】：

【解决方案1】：

首先，您的小提琴在 iphone 上也确实无法使用，无论是在 safari 还是 chrome 中。

虽然我很好奇，但我尝试通过使用您的代码来找到解决方案。稍微更改了 html 以使标签成为输入的同级，而不是父级。对我的 iPhone 仍然没有影响。

经过一番谷歌搜索后，我发现了这个：http://forums.macrumors.com/showthread.php?t=785632 我尝试了解决方案，它似乎有效，尽管我不知道为什么。我想这是某种错误...

您必须将onclick="" 添加到您的标签中。

我没有在 iPad 上测试它，但因为它只是一个大 iPhone，它应该可以工作。可以在此处找到一个工作示例：http://jsfiddle.net/WhNRK/15/

【讨论】：

@PeterVR--非常感谢你...刚刚将它实现到我的代码中并且完美运行。我实际上在另一个论坛上遇到了“假”的 onclick 建议，但没有成功尝试过……但我把它放入了输入标签而不是标签标签中，所以这显然是不同的（加上你放置的方式标签也更有意义）。多么奇怪！非常感谢您为解决这个问题所花费的时间——这对我非常有用，并且希望在未来对其他人也有价值。再次感谢！！！
奇怪的错误，但你的解决方法做到了！不过，iOS 6 不需要它，只有装有 iOS 5 的旧设备（可能还有旧版本）需要它。在 iPad 1 和 3 上测试