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

真的不明白你的問題。但你想要這樣的東西？

讓我知道

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

你可以像這樣

<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()); 

}); 

這裏是演示：https://jsfiddle.net/ecpngmvx/15/

請包括所有的鏈接（見外部資源來氟米特t方）