bootstrap-selectすべてのオプションを選択/選択解除してくださいクリックはイベントを起動できませんか？

Question

これはおそらく簡単な質問ですが、私はどこでも答えを見つけることができないし、うまく動作することもありません。

私はhttp://silviomoreto.github.io/bootstrap-select/プラグインを使用しています。

商品アイテムがすべて選択/選択解除したときにイベントを発生させるにはどうすればよいですか？私はこのようなjQueryのクリックと変更イベントで試してみました：

$(document).on('click','#productCategory', function(event) { 
    alert("test"); 
}); 

これは私の選択リスト：

<select id="productCategory" multiple data-actions-box="true"> 
    <option>Laptop</option> 
    <option>Tablet</option> 
    <option>Computer</option> 
</select> 

Answer 1

が本当にあなたの質問を理解していません。しかし、あなたはこれのようなものが欲しいですか？

ここでこの

<select class="selectpicker" id="productCategory" data-live-search="true"> 
    <option>Laptop</option> 
    <option>Tablet</option> 
    <option>Computer</option> 
</select> 



$('#productCategory').on('change', function() { 
    alert("test"); 
    alert($('option:selected').val()); 

}); 

のようなものがデモです私はあなたが

$('#productCategory').selectpicker({ 
 
    style: 'btn-info', 
 
    size: 4 
 
}); 
 
$(".bs-select-all").on('click', function() { 
 
    alert("ALL SELECTED"); 
 
}); 
 
$(".bs-deselect-all").on('click', function() { 
 
    alert("ALL DESELECTED"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 
 
</script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.11.2/css/bootstrap-select.min.css" rel="stylesheet"/> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.11.2/js/bootstrap-select.min.js"></script> 
 
<select id="productCategory" multiple data-actions-box="true"> 
 
    <option>Laptop</option> 
 
    <option>Tablet</option> 
 
    <option>Computer</option> 
 
</select>

Answer 2

$(document).ready(function(){ 
    $("#productCategory").click(function(){ 
     alert("test"); 
    }); 

このコードを試してみてください！

Answer 3

あなたはここに参照することができます：http://silviomoreto.github.io/bootstrap-select/options/#events

$('#productCategory').on('changed.bs.select', function (e) { 
    // do something... 
}); 

Answer 4

を可能性が知ってみましょう：外部リソースを参照してください（すべてのリンクを含めてくださいhttps://jsfiddle.net/ecpngmvx/15/

レフt側）