jQuery的多選 - 選擇所有事件處理程序

我有了選擇所有選項默認爲選中一個jQuery多選。每當選定選項發生變化時，我都會相應地重新加載頁面數據。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');

來源

2016-07-12 Harsha Bhat

這是您使用多選？ http://www.erichynds.com/blog/jquery-ui-multiselect-widget因爲我看不到onChange（）方法 –

添加主要的複選框：

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

添加腳本：

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

來源

2016-07-12 09:07:41

這對我的作品。

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

來源

2017-12-20 18:57:28

jQuery的多選 - 選擇所有事件處理程序

回答

相關問題