Jquery 在内部单击时，引导按钮下拉列表不应隐藏

我正在尝试创建一个按钮下拉列表，其中包含一些复选框。我遇到的一个问题是，如果我在下拉列表中单击，它就会隐藏。我必须再次单击按钮以打开下拉列表，然后查看我已检查的内容

我知道这是Bootstrap按钮下拉列表的默认功能，但我如何自定义它，以便在选中复选框时它不会消失

有没有什么安全的jQuery方法来定制它？我不太擅长用jQuery自己解决这个问题。任何帮助都是值得感激的

HTML

<div class="btn-group drop-down-multiselect">
                            <button type="button" class="btn  btn-default dropdown-toggle" data-toggle="dropdown"> 
                              <span class="fa fa-filter"></span>
                              Filter By
                              <span class="caret"></span> 
                            </button>
                            <ul class="dropdown-menu" role="menu">
                              <li>
                                <label>
                                  <input type="checkbox">
                                  Edited Date 
                                </label>
                              </li>
                              <li>
                                <label>
                                  <input type="checkbox">
                                  Launched 
                                </label>
                              </li>
                              <li>
                                <label>
                                  <input type="checkbox">
                                  Scheduled 
                                  </label>
                              </li>
                              <li>
                                <label>
                                  <input type="checkbox">
                                  Planned 
                                </label>
                              </li>
                            </ul>
                          </div>

过滤


编辑日期


推出


预定


计划

---

使用此事件是否有可能出现问题。stopPropagation（）？比如，如果我在这个下拉列表中添加任何按钮，打开任何弹出窗口，这会起作用吗？不会，因为它只与这个事件相关。我在更改任何复选框后调用modal。

$('.dropdown-menu').click(function(event){
     event.stopPropagation();
 });