如何打开按钮下拉菜单以选择选项？

Question

我有一个按钮组，我希望有一个复选框列表，可以在下拉菜单中选择一些选项。问题是，如果单击复选框，它将关闭菜单。如何保持开放？

    <div class="btn-group">
      <button class="btn">Button 1</button>
      <button class="btn dropdown-toggle" data-toggle="dropdown">
        <span class="caret"></span>
      </button>
      <ul class="dropdown-menu">
        <li>
          <input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
        </li>
        <li>
          b
        </li>
      </ul>
    </div>

Answer 1

您可以将单击处理程序绑定到阻止事件冒泡的复选框：

$('input').click(function (e) { e.stopPropagation(); });