如何防止在Bootstrap中单击下拉消失？

Question

我在我的应用程序中使用Bootstrap。我想在下拉菜单中选择多个复选框。当我点击复选框它变得消失。请帮我提前 这解决这个problem.Thanks是我的代码：

<div class="btn-group"> 
     <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle">Action <span class="caret"></span></button> 
     <ul class="dropdown-menu"> 
     <li><input type="checkbox" /><label>Sunday</label></li> 
     <li><input type="checkbox" /><label>Monday</label></li> 
     <li><input type="checkbox" /><label>Tuesday</label></li> 
     </ul> 
    </div> 

Answer 1

这里是一个办法

Bootply：http://www.bootply.com/wCx122K3lu

JS：

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

HTML：

<div class="btn-group"> 
     <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle">Action <span class="caret"></span></button> 
     <ul class="dropdown-menu"> 
     <li><label><input type="checkbox">Sunday</label></li> 
     <li><label><input type="checkbox">Monday</label></li> 
     <li><label><input type="checkbox">Tuesday</label></li> 
     </ul> 
    </div>