如何防止在 Bootstrap 中单击时下拉菜单消失？答案

【问题标题】：How to prevent disappear of drop down during on click in Bootstrap?如何防止在 Bootstrap 中单击时下拉菜单消失？
【发布时间】：2014-09-02 08:54:01
【问题描述】：

我在我的应用程序中使用 Bootstrap。我想在下拉列表中选择多个复选框。当我单击复选框时，它会消失。请帮我解决这个问题。在此先感谢这是我的代码：

<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>

【问题讨论】：

标签： javascript jquery asp.net twitter-bootstrap

【解决方案1】：

这里有办法

引导层：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>

【讨论】：