概述
使用方法：
第一步引用样式以及相关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 多选实例代码的详细内容，更多请关注靠谱客其它相关文章！
最后
以上就是单薄书包为你收集整理的bootstrap-multiselect 多选实例代码的全部内容，希望文章能够帮你解决bootstrap-multiselect 多选实例代码所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复