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(); 获取控件所有的选中值

以上就是bootstrap-multiselect 多选实例代码的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！