复选框标签在 iPad 中单击

【问题标题】：Check box Label click in iPad复选框标签在 iPad 中单击
【发布时间】：2012-08-07 06:56:22
【问题描述】：

我使用了一些带有 Lable 标记的复选框，其背后的原因是如果用户单击相应复选框选择的文本，但是当我在 iPad 中测试它时，如果用户单击直接复选框但单击文本时它工作正常它的反应不像在桌面上那样

请查看此link

【问题讨论】：

标签： css ipad

【解决方案1】：

我遇到了这个问题，我在博客上写了一个简单的 CSS 修复：http://www.tjcafferkey.me/problems-clicking-input-label-select-ios-safari/

CSS 很简单：

label > * {
  pointer-events:none;
}

【讨论】：

【解决方案2】：

您是否尝试过简单地使用 ID/FOR 组合？

<input type="checkbox" id="mycheckbox" />

<label for="mycheckbox">Click here</label>

【讨论】：

【解决方案3】：

从这两个问题（3035954、7358781）中学习，似乎有一个 hack 会产生你想要的行为：

为每个标签添加一个空的 onclick 处理程序应该可以工作，例如：

<label onclick=""><input type="checkbox"> Checkbox</label>

或者，您也可以通过一些侵入性较小的 javascript 来执行此操作，例如：

$('label').click(function(){});

【讨论】：