javascript - Bootstrap中点击时如何防止下拉菜单消失？

Question

我在我的应用程序中使用 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>

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>