我正在开发一个基于AJAX的过滤器，其中包含用户可以检查或关闭的项目列表。他们的结构是这样的：
<a href="#" class="someidentifier"><input type="checkbox"> Filter label</a>
如果它处于活动状态，该复选框实际上仅用作视觉提醒。单击该链接将应用或删除过滤器，并选中或取消选中该框。
现在的问题是，只要用户直接点击复选框，它就会检查/取消选中该框而不进行任何操作。最好我想要的是复选框“隐藏”锚标记。单击标签，复选框或其间的空格;它应该在同一个动作中解决。 之前我看到人们通过使用静态背景图像模仿复选框来“修复”这个问题，但是这可能/会起作用，这会“破坏”界面设计，因为复选框在浏览器和平台上的样式不同。
我尝试了以下内容：
复选框disabled（没有运气）
将jQuery中的checkbox.click操作设置为stopPropagation()
将onclick="this.parentNode.click()"添加到复选框 - 现在这个似乎有效，除了它会触发点击加倍（一次用于复选框一次），快速启用/禁用过滤器。
是否有任何HTML / CSS / jQuery只是让内联复选框位于玻璃板后面的后面，以便没有用户交互可以到达它而是由父锚控制？