Javascript 如何一次在下拉列表中选择多个值？

我的代码是：

 <div class="btn-group">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Dropdown
        <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" >
             <li class="week" ><div class="checkbox"><label><input type="checkbox"> Monaday</label></div></li>
             <li class="week" ><div class="checkbox"><label><input type="checkbox"> Tuesday</label></div></li>
             <li class="week" ><div class="checkbox"><label><input type="checkbox"> Wednesday</label></div></li>
             <li class="week" ><div class="checkbox"><label><input type="checkbox"> Thusday</label></div></li>
             <li class="week" ><div class="checkbox"><label><input type="checkbox"> Friday</label></div></li>
             <li class="week" ><div class="checkbox"><label><input type="checkbox"> Saturday</label></div></li>
             <li class="week" ><div class="checkbox"><label><input type="checkbox"> Sunday</label></div></li>
         </ul>
    </div>

下拉列表

每天
星期二
星期三
星期四
星期五
星期六
周日

---

我想创建一个下拉菜单，其中用户一次可以选择多个复选框，但当我要选择一个复选框时，下拉菜单将关闭。

如果您想要一个带有复选框的下拉菜单，其中用户可以选择多个复选框，请使用此jquery插件

演示：

教程：

---

同时检查此项：

我假设您正在使用

引导程序

…检查此链接，他们已经定义了如何在下拉列表中选择

多个值

，请检查此链接中的第三个示例

为什么不使用一个HTML select元素，该元素是本机的，并且是为此目的而设计的，具有多属性-请参阅

这看起来像-

<select multiple class="dropdown-menu">
    <option value="monday">Monday</option>
    <option value="tuesday">Tuesday</option>
    <option value="wednesday">Wednesday</option>
    <option value="thursday">Thursday</option>
    <option value="friday">Friday</option>
    <option value="saturday">Saturday</option>
    <option value="sunday">Sunday</option>
</select>

星期一
星期二
星期三
星期四
星期五
星期六
星期日

我已经创建了一个工作示例

感谢A.Wolff第一个提出这个建议（如果你把它作为一个答案，我会投票支持）

---

最后，您的示例工作日中有一些输入错误。

为什么不使用具有多个属性的SELECT元素？为什么不使用具有属性的

SELECT

？您可以发布下拉代码吗？这可能会对您有所帮助。您可以使用多个选择框。选中此选项是我正在使用但未在代码中工作。哪一个链接对这个很重要我想我有js和css的链接问题。你能告诉我这需要哪个链接吗select@user3102009：有一个

zip

文件下载链接，您可以通过该链接下载和添加文件，对于

bootstrap

文件，我建议通过cdn包含文件，如图所示@