Jquery multiselect 取消选择除新选择的一个自动选项之外的所有选项

Question

我正在使用 jquery bootstrap multiselect 使用 this documentation。我的脚本如下所示：

  <script id="example">
     $(document).ready(function() {
     $('#demo').multiselect({
      enableClickableOptGroups: true,
      enableCollapsibleOptGroups: true,
     });
  });
  </script>

我插入了optgroups，每一个有4个选项。

 <select id="demo" multiple="multiple" >
<optgroup label="Group 1">
  <option value="1-1">Option 1.1</option>
  <option value="2-1">Option 2.1</option>
  <option value="2-2">Option 2.2</option>
  <option value="2-3">Option 2.3</option>
</optgroup>
<optgroup label="Group 111">
  <option value="1-1">Option 1</option>
  <option value="2-1">Option 2</option>
  <option value="2-2">Option 3</option>
  <option value="2-3">Option 4</option>
</optgroup>
<optgroup label="Group 12">
  <option value="1-1">Option 5</option>
  <option value="2-1">Option 6</option>
  <option value="2-2">Option 7</option>
  <option value="2-3">Option 8</option>
</optgroup>
<optgroup label="Group 63">
  <option value="1-1">Option 63.4</option>
  <option value="2-1">Option 63.1</option>
  <option value="2-2">Option 63.2</option>
  <option value="2-3">Option 63.3</option>
</optgroup>

这是 fiddle : https://jsfiddle.net/etzacv5k/2/

问题是当我检查"Group 1"时，它被检查了，然后，当我select"Group 111"时，前一个被删除select，并且新的是 selected，最后一组也是一样，当我检查最后一个时，所有以前的都被 deselected。我希望它在 selected 时持续存在，因为它有多项选择。

有人可以帮助我吗？

Answer 1

实际上，我通过更改 bootstrap-multiselect.js 版本解决了这个问题，我使用了 davidstutz 的版本。

http://davidstutz.github.io/bootstrap-multiselect/dist/js/bootstrap-multiselect.js

Jquery multiselect 取消选择除新选择的一个自动选项之外的所有选项

Jquery multiselect deselect all options except the newly-selected one automatic

javascript

jquery

multi-select

twitter-bootstrap

jquery-multiselect