使用方法:
第一步引用样式以及相关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 多选实例代码02-21
- C#中在构造函数中访问虚成员有什么问题?02-21
- 软件的增量更新是什么?02-21
- 笔记本预装win10图文教程02-21
- 什么是链表?链表与数组的区别?02-21
- Win10使用命令来卸载系统自带应用的方法02-21
- 使用ConcurrentDictionary多线程同步字典集合实例详解02-21
- 什么是MVVM架构和数据绑定?02-21
下一篇:
相关推荐
-
雷神推出 MIX PRO II 迷你主机:基于 Ultra 200H,玻璃上盖 + ARGB 灯效
2 月 9 日消息,雷神 (THUNDEROBOT) 现已宣布推出基于英
-
制造商 Musnap 推出彩色墨水屏电纸书 Ocean C:支持手写笔、第三方安卓应用
2 月 10 日消息,制造商 Musnap 现已在海外推出一款 Oce
热文推荐
- C#中在构造函数中访问虚成员有什么问题?
C#中在构造函数中访问虚成员有什么问题?
26-02-21 - 软件的增量更新是什么?
软件的增量更新是什么?
26-02-21 - 笔记本预装win10图文教程
笔记本预装win10图文教程
26-02-21 - Win10使用命令来卸载系统自带应用的方法
Win10使用命令来卸载系统自带应用的方法
26-02-21 - 使用ConcurrentDictionary多线程同步字典集合实例详解
使用ConcurrentDictionary多线程同步字典集合实例详解
26-02-21 - 什么是MVVM架构和数据绑定?
什么是MVVM架构和数据绑定?
26-02-21 - Win10文件管理器添加Home和常用文件夹功能介绍
Win10文件管理器添加Home和常用文件夹功能介绍
26-02-21 - C#中多线程之Thread类详解
C#中多线程之Thread类详解
26-02-21 - 介绍一个微软开源项目网站--CodePlex
介绍一个微软开源项目网站--CodePlex
26-02-21 - 分享一个jQuery效果实例代码
分享一个jQuery效果实例代码
26-02-21
