fastselect jsで 'すべて選択'と 'すべて削除'

Question

私はFast selecthttp://dbrekalo.github.io/fastselect/選択要素のJqueryプラグインを使用しています。 'リスト内のすべてのアイテムを選択'または 'リスト内のすべてのアイテムを削除する'機能を複数選択入力に追加する方法はありますか？

これは、あなたがプラグインとは独立して、これを行うことができます複数選択入力入力

$('.multipleSelect').fastselect(); 

Answer 1

を選択するための

<select class="multipleSelect" multiple name="language"> 
    <option value="All">Select ALLoption> 
    <option value="Bangladesh">Bangladesh</option> 
    <option selected value="Barbados">Barbados</option> 
    <option selected value="Belarus">Belarus</option> 
    <option value="Belgium">Belgium</option> 
    ... 
</select> 

やコードのためのコードです：

$('.multipleSelect').change(e => { 
 
    const _self = $(e.target); /* cache target */ 
 
    const _selfVal = _self.val()[0]; /* cache value */ 
 
    if (_selfVal === "All") { /* if All, select all */ 
 
    _self.find('option').prop('selected', true); 
 
    } else if (_selfVal === "Remove") { /* if Remove, select none */ 
 
    _self.find('option').prop('selected', false); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select class="multipleSelect" multiple name="language"> 
 
    <option value="All">Select ALL</option> 
 
    <option value="remove">Remove ALL</option> 
 
    <option value="Bangladesh">Bangladesh</option> 
 
    <option selected value="Barbados">Barbados</option> 
 
    <option selected value="Belarus">Belarus</option> 
 
    <option value="Belgium">Belgium</option> 
 
</select>