如何讓按鈕下拉菜單打開以選擇選項？

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