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

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