Javascript 如何限制选择，仅在引导选择器的多个选择中的选项组内

在引导选择选择器中，对于多个选择，如何仅在选项组内限制选择。意味着，如果在一个选项组中选择了一些项目，并且在另一个选项组中进行了新的选择，则应清除以前的选择，只保留新的选择。

首先获取引导选择选择器

HTML

<select class="selectpicker" title="Please Select" multiple data-max-options="4">
    <optgroup class="group1" label="GROUP1" data-max-options="2">
        <option class="group1_2 ">Item1</option>
        <option class="group1_2 ">Item2</option>
    </optgroup>
    <optgroup class="group2" label="GROUP2" data-max-options="2">
        <option class="group2_2 ">Item A</option>
        <option class="group2_2 ">Item B</option>
    </optgroup>
</select>

项目1
项目2
项目A
B项

剧本

<script>
    $(document).ready(function () {
        $('.selectpicker').selectpicker();

        var flagGroup1 = 0;
        var flagGroup2 = 0;

        $(".group1_2").click(function() {
            if (flagGroup2 >= 1) {
                $(".selected").removeClass("selected");
                $('.selectpicker').selectpicker('deselectAll');
                flagGroup2 = 0;
                flagGroup1 = 1;
            }
            if ($( this ).parent().hasClass("selected")) {
                if (flagGroup1 > 1) {
                    flagGroup1 = 1;
                } else {
                    flagGroup1 = 0;
                }
            } else {
                flagGroup1 = flagGroup1 + 1;
            }
        });

        $(".group2_2").click(function() {
            if (flagGroup1 >= 1) {
                $(".selected").removeClass("selected");
                $('.selectpicker').selectpicker('deselectAll');
                flagGroup1 = 0;
                flagGroup2 = 1;
            }
            if ($( this ).parent().hasClass("selected")) {
                if (flagGroup2 > 1) {
                    flagGroup2 = 1;
                } else {
                    flagGroup2 = 0;
                }
            } else {
                flagGroup2 = flagGroup2 + 1;
            }
        });

    });
</script>

$（文档）.ready（函数（）{
$（'.selectpicker'）.selectpicker（）；
var flagGroup1=0；
var flagGroup2=0；
$（“.group1_2”）。单击（函数（）{
如果（flagGroup2>=1）{
$（“.selected”）.removeClass（“selected”）；
$（'.selectpicker'）。selectpicker（'deselectAll'）；
flagGroup2=0；
flagGroup1=1；
}
if（$（this）.parent（）.hasClass（“选定”））{
如果（flagGroup1>1）{
flagGroup1=1；
}否则{
flagGroup1=0；
}
}否则{
flagGroup1=flagGroup1+1；
}
});
$（“.group2_2”）。单击（函数（）{
如果（flagGroup1>=1）{
$（“.selected”）.removeClass（“selected”）；
$（'.selectpicker'）。selectpicker（'deselectAll'）；
flagGroup1=0；
flagGroup2=1；
}
if（$（this）.parent（）.hasClass（“选定”））{
如果（flagGroup2>1）{
flagGroup2=1；
}否则{
flagGroup2=0；
}
}否则{
flagGroup2=flagGroup2+1；
}
});
});

标记您正在使用的插件，如果没有可用的标记，请提供有问题的插件链接，共享您迄今为止的代码。。这样做会帮助那些试图帮助你的人。请阅读。目前看来，你给了我们一套要求，希望我们从头开始做你的工作。这是一个错误，错误地添加了这个问题，我想发布一个答案：（“如何将选择限制在选项组内”听起来不像是一个答案…无论如何，你在几分钟内就得到了你应该是答案的帖子的答案..哈哈哈：我不知道它是怎么贴出来的…无论如何，只是加上了它，以防有人有一天需要它…得到了两张反对票：D该死。。。