bootstrap 多选下拉菜单
时间: 2023-09-14 18:12:00 浏览: 102
Bootstrap提供了一个组件可以实现多选下拉菜单。你可以使用下面的代码实现:
```
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="multiSelectDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
多选下拉菜单
</button>
<div class="dropdown-menu" aria-labelledby="multiSelectDropdown">
<a class="dropdown-item" href="#">
<input type="checkbox" name="option1" value="option1"> 选项 1
</a>
<a class="dropdown-item" href="#">
<input type="checkbox" name="option2" value="option2"> 选项 2
</a>
<a class="dropdown-item" href="#">
<input type="checkbox" name="option3" value="option3"> 选项 3
</a>
</div>
</div>
```
此代码将创建一个按钮,点击按钮将显示多选下拉菜单。菜单中的每个选项都包含一个复选框。
阅读全文