Question

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

  <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>

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

问题是当我检查“组1”时，检查，然后，当我选择“组111”时，取消选择前一个，并选择新的一个，当我检查时，最后一个组相同最后一个，所有以前的都被取消选择。我希望它坚持选择，因为它有多种选择。

有人可以帮助我吗？

Answer 1

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

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

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

1 个答案: