Javascript 单击文本以选中复选框

JSFIDLE

这是下拉菜单中的复选框列表。我想能够点击锚定标签的文本来选择相应的复选框。然而，我目前将其设置为

，这只需关闭下拉列表并转到页面顶部（在我自己的版本上，而不是在JSFIDLE上，因为它位于覆盖层上）

---

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

您可以使用标签来实现此功能。将您的

列表替换为此列表

<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>

项目1


项目2


项目3

这将帮助您

$（'.下拉菜单a'）。单击（函数（事件）{
event.preventDefault（）；
var checkBox=$（this.find（':checkBox'）；
checkBox.prop（“选中”），！checkBox.prop（“选中”）；
})

@导入url（'https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/css/bootstrap.min.css');

显示

选择选项








你可以这样做

$('a').on("click",function(e) {
  e.preventDefault();
  var checkbox = $(this).children("input");
  $(checkbox[0]).attr('checked', !checkbox.attr('checked'));
});

fiddle:
您可以使用
来代替。您尚未将链接当前为空，因此404@gcampbell把
放在
里面是正确的吗？@ToniAu是的：@ToniAu。这很有效！谢谢但是，您知道为什么每次单击后下拉列表都会关闭吗？同样，在
中放置
也不值得。（但这仍然有效。）