Question

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

请检查 link

Answer 1

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

CSS很简单：

＆＃13;

label > * {
  pointer-events:none;
}

＆＃13;

Answer 2

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

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

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

Answer 3

从这两个问题（3035954，7358781）中学习，似乎会产生一种能够产生你想要的行为的黑客行为：

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

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

或者，或者，你可以通过一些不那么具有侵入性的javascript来做到这一点，例如：

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