jquery - bootstrap multiselect - 单击即可取消选择/取消选中所有选项

Question

我正在使用Bootstrap multiselect我想添加一个选项来取消选中所有选定的选项。请为我提供相同的解决方案。感谢您的帮助:)

Answer 1

您可以使用 bootstrap-multiselect 文档 here 中提到的 .multiselect('refresh') 方法.

因此，在多选选择列表旁边添加一个 HTML 按钮/图标，然后使用以下代码:

$("#reset_client").click(function(){
  $('option', $('#select_client')).each(function(element) {
    $(this).removeAttr('selected').prop('selected', false);
  });
  $("#select_client").multiselect('refresh');
});

<select name="clients[]" multiple="multiple" id="select_client" style="display: none;">
    <option value="multiselect-all"> Select all</option>
    <option value="1">Client 1</option>
    <option value="2">Client 2</option>
    <option value="3">Client 3</option>
    <option selected="selected" value="4">Client 4</option>
    <option selected="selected" value="5">Client 5</option>
    <option value="6">Client 6</option>
    <option selected="selected" value="7">Client 7</option>
    <option value="8">Client 8</option>
</select>

<input type="button" value="Reset" name="reset_clients" id="reset_client" class="reset_button" title="Clear Selection">