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方）