bootstrap-select清除選中的狀態,恢復默認狀態

       最近在實現一個需求,需要用到bootstrap-select多選框,但同時也有一個煩惱,就是如何去除自己選的選項,畢竟如果太多選項,一個一個勾除顯然不現實,所以必須有一個一鍵可以去除已經選中的選項,下面就向大家分享如何實現。

       我們可以通過一個按鈕,然後賦值一個方法,這個方法可以去除選項,代碼如下:

<button type='button' class='btn btn-info' id='initializePartyAProject'>置空</button>

       然後寫一個js方法,用來清除選項,代碼如下:

$('#initializePartyAProject').on('click', function () {
      //回到初始狀態
      $('#party_a_project_name').selectpicker('val',['noneSelectedText']) 
      //對party_a_project_name這個下拉框進行重置刷新
      $("#party_a_project_name").selectpicker('refresh');
});

       這樣我們便可以通過一個按鈕,點擊來清除已經選中的選項,而不需要一個一個勾除或者重新刷新頁面來達到一鍵勾除選中選項。

 更多分享請關注微信公衆號

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章