jquery - 我有一组bootstrap-multiselects。我如何避免他们的“全选”选项发生冲突

我有一组bootstrap-multiselects：

<div id="filter-div" class="text-center">
    <select id="set" class="multiselect" multiple="multiple"></select>
    <select id="subject" class="multiselect" multiple="multiple"></select>
    <select id="demographic" class="multiselect" multiple="multiple"></select>
    <select id="grade" class="multiselect" multiple="multiple"></select>
</div>

然后，我启用它们：

    $('#filter-div select').multiselect({
            includeSelectAllOption: true,
            selectAllValue: 'select-all-value'
    })

然后问题来了：如果我在其中一个上单击“全选”，则其他多选上的“全选”复选框也会被选中（不是所有选项，只是全选）。

似乎我必须为其中每个分配单独的“全选值”。有没有简单的方法？无论是在bootstrap-multiselect端还是jQuery端。

最佳答案

看起来，当您单击“全选”时，该插件将使用该selectAllValue切换所有输入，而不是仅选择该选择中的输入。除非他们更改代码，否则您将无能为力，只能解决它。

可能的解决方法是仅向每个selectAllValue添加唯一编号。

$('#filter-div select').each(function(index, value) {
    $(this).multiselect({
        includeSelectAllOption: true,
        selectAllValue: 'select-all-value-' + index
    });
});

JSFiddle

关于jquery - 我有一组bootstrap-multiselects。我如何避免他们的“全选”选项发生冲突，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36757460/