单击文本以选择复选框

Question

JSFiddle在这里

这是下拉菜单中的复选框列表。我希望能够单击锚标记的文本以选择相应的复选框。但是，我目前将它设置为<a href="#">简单地关闭下拉列表并转到页面顶部（在我自己的版本中，而不是 JSFiddle，因为它位于覆盖层上）。

我看到了一个选择复选框的解决方案，但每次点击时下拉菜单仍然关闭，有没有简单的方法来解决这个问题？

Answer 1

您可以为此功能使用标签。<ul>用这个替换你的列表。

<ul class="dropdown-menu">
  <li>
    <input type="checkbox" id="check_1"/>
    <label for="check_1">Item 1</label>
  </li>
  <li>
    <input type="checkbox" id="check_2"/>
    <label for="check_2">Item 2</label>
  </li>
  <li>
    <input type="checkbox" id="check_3"/>
    <label for="check_3">Item 3</label>
  </li>
</ul>

这会帮助你