jQuery MultiSelect取消选择所有选项,除了新选择的一个自动选择



我正在使用此文档使用jQuery Bootstrap MultiSelect。我的脚本看起来像这样:

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

我插入了optgroup,每个选项都有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>

这是小提琴:https://jsfiddle.net/etzacv5k/2/

问题是当我检查"组1"时,请检查它,然后,当我选择"组111"时,将前一个选择,然后选择了新组,而在最后一组中,当我检查时相同最后一个,所有以前的人都是取消选择的。我希望当它的多项选择时选择它。

有人可以帮我吗?

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

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

最新更新