css - 如何保持打开按钮下拉菜单以选择选项？

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(); });