Javascript 如何防止在引导中单击时下拉菜单消失？

我正在应用程序中使用引导。我想在下拉列表中选择多个复选框。当我点击复选框时，它会消失。请帮我解决这个问题。提前谢谢 这是我的代码：

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

行动

星期天
星期一
星期二

这里有一个方法

Bootply：

JS：

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

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

HTML：

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

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

行动

星期天
星期一
星期二