最近在实现一个需求,需要用到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');
});
这样我们便可以通过一个按钮,点击来清除已经选中的选项,而不需要一个一个勾除或者重新刷新页面来达到一键勾除选中选项。
更多分享请关注微信公众号