Bootstrap Multiselect onSelectAll事件如何获取当前实例？

我之前也踩过这个坑！确实，onSelectAll事件里的this指向和onChange完全不一样，没法直接拿到组件实例。这里给你几个靠谱的解决方案，亲测有效：

方案1：通过事件对象获取元素，再提取实例 #

Bootstrap Multiselect会把组件实例存在对应select元素的data('multiselect')属性里，你可以利用事件对象的target找到触发事件的元素，再拿到实例：

// 循环初始化多个Multiselect组件
$('.multi-select').each(function() {
  $(this).multiselect({
    onSelectAll: function(checked) {
      // 从事件对象里拿到当前触发事件的select元素
      const $currentSelect = $(event.target);
      // 提取对应的组件实例
      const instance = $currentSelect.data('multiselect');
      
      // 现在就可以用实例操作了，比如取消指定选项
      instance.deselect('你要取消的选项值');
    }
  });
});

这个方法最直接，不需要额外维护实例存储，依赖组件本身的设计，代码也简洁。

方案2：初始化时把实例存入全局/局部对象 #

如果后续还有其他场景需要操作这些实例，你可以在初始化时把每个实例和元素的唯一标识（比如ID）绑定，存入一个对象：

// 定义对象存储所有实例，键用元素ID
const multiSelectInstances = {};

$('.multi-select').each(function() {
  const $this = $(this);
  const selectId = $this.attr('id');
  
  // 初始化组件并获取实例
  const instance = $this.multiselect({
    onSelectAll: function(checked) {
      // 通过ID从存储对象里拿到当前实例
      const currentInstance = multiSelectInstances[selectId];
      currentInstance.deselect('你要取消的选项值');
    }
  }).data('multiselect');
  
  // 把实例存入对象
  multiSelectInstances[selectId] = instance;
});

这个方案适合需要跨函数、跨事件操作组件实例的场景，管理起来更清晰。

方案3：用闭包/块级作用域绑定当前实例 #

循环初始化时，利用闭包或者ES6的块级作用域，把当前实例直接绑定到回调函数里，避免作用域污染：

用闭包实现（兼容旧环境） #

$('.multi-select').each(function() {
  const $this = $(this);
  const instance = $this.multiselect({
    onSelectAll: (function(currentInstance) {
      return function(checked) {
        // 这里的currentInstance就是当前组件的实例
        currentInstance.deselect('你要取消的选项值');
      };
    })(instance)
  }).data('multiselect');
});

用ES6 let块级作用域简化（更推荐） #

$('.multi-select').each(function() {
  const $this = $(this);
  // 用let定义instance，块级作用域保证每个循环的实例独立
  let instance = $this.multiselect({
    onSelectAll: function(checked) {
      instance.deselect('你要取消的选项值');
    }
  }).data('multiselect');
});

这个方案通过作用域隔离，直接在回调里拿到当前实例，不需要额外查找，代码也更清爽。

这三个方案都能解决你在onSelectAll里拿不到实例的问题，根据你的业务场景选一个就行，个人比较推荐方案1或者方案3，代码量少且直观。

内容的提问来源于stack exchange，提问作者user1123021