引导选择选择/取消选择所有选项单击无法触发事件？答案

【问题标题】：bootstrap-select select/deselect all option click can't firing event?引导选择选择/取消选择所有选项单击无法触发事件？
【发布时间】：2016-10-11 08:49:24
【问题描述】：

这可能是一个简单的问题，但我无法在任何地方找到答案或让它发挥作用。

我正在使用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>

【问题讨论】：

你想做什么告诉我

标签： jquery bootstrap-selectpicker

【解决方案1】：

您可以参考这里：http://silviomoreto.github.io/bootstrap-select/options/#events

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

【讨论】：

【解决方案2】：

不太明白你的问题。但你想要这样的东西吗？

告诉我

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

【讨论】：

感谢您解决了这个问题。现在我想获取所有选项值以单击全选按钮？

【解决方案3】：

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

试试这个代码！

【讨论】：