Блог

Вероятно, это простой вопрос, но я нигде не могу найти ответ или заставить его работать.

Я использую 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>
  

Вы можете обратиться сюда: http://silviomoreto.github.io/bootstrap-select/options/#events

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

не совсем понимаю ваш вопрос. но вы хотите что-то подобное?

Дайте мне знать

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

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

Попробуйте этот код!