jQuery Multiselect - Выбрать все обработчик событий

Question

У меня есть мультиселекция jQuery, которая по умолчанию выбрала все опции. Всякий раз, когда есть изменения в выбранных параметрах, я соответствующим образом загружаю данные страницы.

Все работает отлично, за исключением того, что кнопка «Выбрать все» не запускает событие onChange, и я не могу перезагрузить данные при нажатии. Я попробовал привязать обработчики событий к checkAll и selectAll, но безрезультатно.

$("#testselect").multiselect({ 
     nonSelectedText: 'None', 
     allSelectedText: 'All Selected', 
     includeSelectAllOption: true, 
     buttonWidth: '100%', 
     checkAll: function() { 
      alert("check all"); // Doesn't work 
     }, 
     selectAll: function() { 
      alert("select all"); // Doesn't work 
     }, 
     onChange: function (option, checked, select) { 
      alert("onchange") // Works but not for 'All Selected' 
      // Do something 
     } 
}); 
$("#testselect").multiselect('selectAll', false); 
$("#testselect").multiselect('updateButtonText'); 

Answer 1

Добавить Main Check Box:

<th>SELECT ALL<br/><input type="checkbox" onClick="toggle(this)" /></th> 

Add Script:

  <script> 

      function toggle(source) { 
      checkboxes = document.getElementsByName('checkbox[]'); 
      if(x=1) 
      { 
      for(var i=0, n=checkboxes.length;i<n;i++) { 
       checkboxes[i].checked = source.checked; 
      }}} 



      </script> 

Добавить Флажки Вы хотите выбрать на главной:

<input name="checkbox[]" type="checkbox" > 

Answer 2

Это работает для меня.

$(document).on('click', '.ms-selectall', function(event){ 
     //your code 
});