jQuery Multiselect - Alle Event-Handler auswählen

Question

Ich habe eine jQuery-Multiselect, bei der alle Optionen standardmäßig aktiviert sind. Immer, wenn sich die ausgewählten Optionen ändern, lade ich die Seitendaten entsprechend neu.

Alles funktioniert gut, außer dass der Klick auf 'Alles auswählen' kein onChange-Ereignis auslöst und ich kann die Daten nicht neu laden, wenn darauf geklickt wird. Ich habe versucht, Ereignishandler zu checkAll und selectAll, aber ohne Erfolg zu verbinden.

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

Hauptkontrollkästchen hinzufügen:

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

Script hinzufügen:

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

Ankreuzfelder hinzufügen Sie möchten gerne von Haupt wählen:

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

Answer 2

Dies funktioniert für mich.

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