jquery - bootstrap multiselect - ワンクリックですべてのオプションを選択解除/チェック解除

Question

Bootstrapの複数選択を使用していますが、選択したすべてのオプションのチェックを外すオプションを追加したいと考えています。同じ解決策を教えてください。助けてくれてありがとう:)

Answer 1

こちらのドキュメント.multiselect('refresh')に記載されている方法を使用できます。bootstrap-multiselect

したがって、複数選択選択リストの横に 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">

Answer 2

これを試して：

$("#select_id option:selected").removeAttr("selected");