使用方法：
第一步引用样式以及相关js
<link rel="stylesheet" href="css/bootstrap.min.css?1.1.11" type="text/css"/>
<script type="text/javascript" src="js/jquery.min.js?1.1.11"></script>
<script type="text/javascript" src="js/bootstrap.min.js?1.1.11"></script>
<!-- include the plugin's css and js: -->
<script type="text/javascript" src="js/bootstrap-multiselect.js?1.1.11"></script>
<link rel="stylesheet" href="css/bootstrap-multiselect.css?1.1.11" type="text/css"/>
第二步 构造selection（注意 需要设置multiple属性，否则依然是单选模式，multiple="multiple" ）
<!-- build your select: -->
<select class="multiselect" multiple="multiple">
<option value="cheese">cheese</option>
<option value="tomatoes">tomatoes</option>
<option value="mozarella">mozzarella</option>
<option value="mushrooms">mushrooms</option>
<option value="pepperoni">pepperoni</option>
<option value="onions">onions</option>
</select>
第三步 初始化插件：
<script type="text/javascript">
$(document).ready(function() {
$('.multiselect').multiselect();
});
</script>
常用方法：
select
$('#cid').multiselect('select', arr[i]); 给控件设置选中项
获取值
$('#cid').val();获取控件所有的选中值
以上就是bootstrap-multiselect 多选实例代码的详细内容。