![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
<!-- Include the plugin's CSS and JS: -->
<script type="text/javascript" src="jsLib/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="cssLib/bootstrap-multiselect.css" type="text/css"/>
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
<div class="form-group form-group-sm col-md-12"> <label>摄像头:</label> <select class="form-control" id="camera-select" multiple="multiple"> <option value="0">摄像头20170922</option> <option value="1">摄像头20170923</option> <option value="2">摄像头20170924</option> </select> </div>
js:
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
$('#camera-select').multiselect({ nonSelectedText: '全部',//没有值的时候button显示值 includeSelectAllOption: true, selectAllText: '全选',//全选的checkbox名称 maxHeight: 200 });