在BsMultiSelect上取消全选

Question

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

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

还有，有没有什么方法(属性)可以设置最小/最大选定项目？我在30个选项中选择了最小2个/最多5个选项。

Answer 1

在此处取消全选：

附注:您能将“如何设置最小/最大值”移到新的SO问题中吗？我不喜欢发布两个片段或在一个片段中混合两个答案的想法。

​

$("#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>

​