在 BsMultiSelect 上取消全选答案

【问题标题】：Deselect all on BsMultiSelect在 BsMultiSelect 上取消全选
【发布时间】：2020-08-14 06:24:09
【问题描述】：

我在我的应用程序上使用了出色的BsMultiSelect，但我需要以编程方式取消选择屏幕上给定字段中的所有项目。

以编程方式取消选择所有选项的最佳方法是什么？

还有，有什么方法（属性）来设置最小/最大选择项？我在 30 个选项中选择了最少 2 个/最多 5 个。

【问题讨论】：

标签： bsmultiselect

【解决方案1】：

在此处取消全选：

附：您能否将“如何设置最小值/最大值”移至新的 SO 问题？我不喜欢在一个 sn-p 中发布两个 sn-ps 或混合两个答案的想法。

$("#mySelect").bsMultiSelect();

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@dashboardcode/bsmultiselect@0.6.2/dist/js/BsMultiSelect.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

<div class="form-group m-2">
  <label for="mySelect">BsMultySelect</label>
  <select id="mySelect" class="custom-select" name="status2" multiple='multiple'>
    <option value="C0" selected>Asia</option>
    <option value="C1" selected>Europe</option>
    <option value="C2">Australia</option>
    <option value="C3">America</option>
    <option value="C4">Africa</option>
  </select>
</div>

<div class="form-group m-2">
  Bootstrap4/JQuery method's call convention
  <pre>$(mySelect).bsMultiSelect('DeselectAll');</pre>
  <button onClick="$(mySelect).bsMultiSelect('DeselectAll')">Deselect All</button>
  <button onClick="$(mySelect).bsMultiSelect('SelectAll')">Select All</button>
</div>

<div class="form-group m-2">
  API call
  <pre>var api = $(mySelect).BsMultiSelect();
api.deselectAll();</pre>
  <button onClick="$(mySelect).BsMultiSelect().deselectAll()">Deselect All</button>
  <button onClick="$(mySelect).BsMultiSelect().selectAll()">Select All</button>
</div>

【讨论】：