bootstrap multiselect下拉菜单根据其他多选更改值

Bootstrap Multiselect 是一款基于 Bootstrap 框架的下拉菜单插件，它允许用户通过多选框的方式选择一个或多个选项。

在多选菜单中根据其他多选框的变化来更改值，可以通过监听多选框的变化事件来实现。当其他多选框的值发生变化时，可以通过相应的事件处理程序来更新 Bootstrap Multiselect 下拉菜单的选项。

以下是一个简单的示例代码，说明如何根据其他多选框更改 Bootstrap Multiselect 下拉菜单的值：

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.16/css/bootstrap-multiselect.css">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.16/js/bootstrap-multiselect.min.js"></script>
</head>
<body>
  <div class="container">
    <h1>Bootstrap Multiselect 示例</h1>
    <form>
      <div class="form-group">
        <label for="options">选项：</label>
        <select id="options" multiple="multiple" class="form-control">
          <option value="1">选项 1</option>
          <option value="2">选项 2</option>
          <option value="3">选项 3</option>
          <option value="4">选项 4</option>
        </select>
      </div>
      <div class="form-group">
        <label for="checkbox">其他多选框：</label>
        <div class="form-check">
          <input class="form-check-input" type="checkbox" value="" id="checkbox1">
          <label class="form-check-label" for="checkbox1">
            多选框 1
          </label>
        </div>
        <div class="form-check">
          <input class="form-check-input" type="checkbox" value="" id="checkbox2">
          <label class="form-check-label" for="checkbox2">
            多选框 2
          </label>
        </div>
      </div>
      <button type="submit" class="btn btn-primary">提交</button>
    </form>
  </div>

  <script>
    $(document).ready(function() {
      $('#options').multiselect();

      $('#checkbox1, #checkbox2').change(function() {
        var selectedValues = [];

        if ($('#checkbox1').is(':checked')) {
          selectedValues.push('1');
        }

        if ($('#checkbox2').is(':checked')) {
          selectedValues.push('2');
        }

        $('#options').multiselect('select', selectedValues);
      });
    });
  </script>
</body>
</html>

在这个示例中，使用了 Bootstrap 的样式和相关的 JavaScript 库，通过监听多选框的 change 事件来动态更新 Bootstrap Multiselect 下拉菜单的选项。选中多选框 1 或多选框 2 会触发相应的事件处理程序，根据选中状态将对应的选项值添加到 selectedValues 数组中，并使用 multiselect('select', selectedValues) 方法来更新下拉菜单的选项。

这里使用的是 Bootstrap Multiselect 的基本用法，具体更多的功能和定制化选项可以参考 Bootstrap Multiselect 的官方文档：Bootstrap Multiselect 官方文档

请注意，以上示例中使用的是 CDN 方式加载相应的库文件，你也可以下载这些文件到本地进行使用。