我正在使用此文档使用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