bootstrap-multiselect 多选实例代码

使用方法

第一步引用样式以及相关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>

常用方法

  1. select

    $('#cid').multiselect('select', arr[i]); 给控件设置选中项

  2. 获取

$('#cid').val();获取控件所有的选中值

相关文章

目录简介使用JS互操作使用ClipLazor库创建项目使用方法简单测...
目录简介快速入门安装 NuGet 包实体类User数据库类DbFactory...
本文实现一个简单的配置类,原理比较简单,适用于一些小型项...
C#中Description特性主要用于枚举和属性,方法比较简单,记录...
[TOC] # 原理简介 本文参考[C#/WPF/WinForm/程序实现软件开机...
目录简介获取 HTML 文档解析 HTML 文档测试补充:使用 CSS 选...