bootstrap-select控件全选,全不选,查询功能实现
生活随笔
收集整理的這篇文章主要介紹了
bootstrap-select控件全选,全不选,查询功能实现
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
先引入先在你的頁面引入 bootstrap-select.css 和?bootstrap-select.js
<link href="~/Content/plugins/bootstrap-select/bootstrap-select.min.css" rel="stylesheet" /><script src="~/Content/plugins/bootstrap-select/bootstrap-select.min.js"></script> <select class="selectpicker form-control" data-none-selected-text="全部" multiple data-actions-box="true" data-live-search="true">
</select>
?
只要在<select>控件里加入
multiple:多選
data-actions-box="true":全選,全不選
data-live-search="true":查詢
data-none-selected-text="全部":未選中時顯示
data-max-options="20":最多可選條數
selectpicker:自定義的class名用于 selectpicker配置
$(".selectpicker").selectpicker("refresh");
?
轉載于:https://www.cnblogs.com/mww-NOTCOPY/p/11206924.html
總結
以上是生活随笔為你收集整理的bootstrap-select控件全选,全不选,查询功能实现的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 三层交换实验
- 下一篇: 算法与数据结构基础 - 堆(Heap)和