bootstrap multiselect 多选功能实现方法

官方教程

http://www.kuitao8.com/demo/20140224/1/bootstrap-multiselect-master/index.html

使用方法：

第一步引用样式以及相关JS

<link rel="stylesheet" href="css/bootstrap.min.css" rel="external nofollow" type="text/css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script> 
<!-- Include the plugin's CSS and JS: -->
<script type="text/javascript" src="js/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="css/bootstrap-multiselect.css" rel="external nofollow" 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  # multiselect多选  # 基于BootStrap multiselect.js实现的下拉框联动效果  # Bootstrap Multiselect 常用组件实现代码  # Bootstrap 下拉多选框插件Bootstrap Multiselect  # JS组件中bootstrap multiselect两大组件较量  # BootStrap实现鼠标悬停下拉列表功能  # bootstrap下拉列表与输入框组结合的样式调整  # 基于BootStrap Metronic开发框架经验小结【三】下拉列表Select2插件的使用  # Bootstrap每天必学之下拉菜单  # BootStrap中关于Select下拉框选择触发事件及扩展  # bootstrap multiselect下拉列表功能  # 小编  # 在此  # 给大家  # 第二步  # 所述  # 给我留言  # 第三步  # 感谢大家  # 多选  # 单选  # 疑问请  # 有任何  # stylesheet  # rel  # class  # js  # brush  # link  # lt  # type 

相关文章： 如何快速配置高效服务器建站软件？  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  东莞专业制作网站的公司,东莞大学生网的网址是什么？  建站之星如何实现网站加密操作？  深圳企业网站制作设计,在深圳如何网上全流程注册公司？  建站之星安装步骤有哪些常见问题？  香港服务器WordPress建站指南：SEO优化与高效部署策略  建站主机解析：虚拟主机配置与服务器选择指南  重庆网站制作公司哪家好,重庆中考招生办官方网站？  如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  阿里云网站制作公司,阿里云快速搭建网站好用吗？  股票网站制作软件,网上股票怎么开户？  详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  建站之星安全性能如何？防护体系能否抵御黑客入侵？  定制建站方案优化指南：企业官网开发与建站费用解析  如何选择网络建站服务器？高效建站必看指南  如何通过虚拟主机快速搭建个人网站？  如何在建站之星网店版论坛获取技术支持？  建站之星3.0如何解决常见操作问题？  建站主机选购指南：核心配置优化与品牌推荐方案  ppt制作免费网站有哪些,ppt模板免费下载网站？  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  高防服务器如何保障网站安全无虞？  如何在宝塔面板中创建新站点？  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  如何通过.red域名打造高辨识度品牌网站？  网站制作的步骤包括,正确网址格式怎么写？  兔展官网 在线制作,怎样制作微信请帖？  网站制作公司,橙子建站是合法的吗？  成都品牌网站制作公司,成都营业执照年报网上怎么办理？  制作充值网站的软件,做人力招聘为什么要自己交端口钱？  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？  盐城做公司网站,江苏电子版退休证办理流程？  网站制作服务平台,有什么网站可以发布本地服务信息？  实例解析angularjs的filter过滤器  移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？  代刷网站制作软件,别人代刷火车票靠谱吗？  内部网站制作流程,如何建立公司内部网站？  如何用花生壳三步快速搭建专属网站？  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  长沙做网站要多少钱,长沙国安网络怎么样？  一键网站制作软件,义乌购一件代发流程？  合肥做个网站多少钱,合肥本地有没有比较靠谱的交友平台？  如何制作算命网站,怎么注册算命网站？  建站之星IIS配置教程：代码生成技巧与站点搭建指南  公司网站制作费用多少,为公司建立一个网站需要哪些费用？  如何快速搭建FTP站点实现文件共享？  香港服务器租用每月最低只需15元？  如何选择CMS系统实现快速建站与SEO优化？  如何通过万网虚拟主机快速搭建网站？