bootstrap multiselect 多選功能實現(xiàn)方法
更新時間：2017年06月05日 10:54:58 作者：LittleFeiHu
這篇文章主要介紹了bootstrap multiselect 多選功能實現(xiàn)方法,需要的朋友可以參考下
官方教程
http://www.kuitao8.com/demo/20140224/1/bootstrap-multiselect-master/index.html
使用方法：
第一步引用樣式以及相關(guān)JS
<link rel="stylesheet" href="css/bootstrap.min.css" rel="external nofollow" type="text/css"/> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <!-- Include the plugin's CSS and JS: --> <script type="text/javascript" src="js/bootstrap-multiselect.js"></script> <link rel="stylesheet" href="css/bootstrap-multiselect.css" rel="external nofollow" type="text/css"/>
第二步 構(gòu)造Selection（注意 需要設(shè)置multiple屬性，否則依然是單選模式，multiple="multiple" ）
<!-- Build your select: --> <select class="multiselect" multiple="multiple"> <option value="cheese">Cheese</option> <option value="tomatoes">Tomatoes</option> <option value="mozarella">Mozzarella</option> <option value="mushrooms">Mushrooms</option> <option value="pepperoni">Pepperoni</option> <option value="onions">Onions</option> </select>
第三步 初始化插件：
<script type="text/javascript">
$(document).ready(function() {
$('.multiselect').multiselect();
});
</script>
常用方法：
select
$('#cid').multiselect('select', arr[i]); 給控件設(shè)置選中項
獲取值
$('#cid').val();獲取控件所有的選中值
以上所述是小編給大家介紹的bootstrap multiselect 多選功能實現(xiàn)方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
- 基于BootStrap multiselect.js實現(xiàn)的下拉框聯(lián)動效果
- Bootstrap Multiselect 常用組件實現(xiàn)代碼
- Bootstrap 下拉多選框插件Bootstrap Multiselect
- JS組件中bootstrap multiselect兩大組件較量
- BootStrap實現(xiàn)鼠標(biāo)懸停下拉列表功能
- bootstrap下拉列表與輸入框組結(jié)合的樣式調(diào)整
- 基于BootStrap Metronic開發(fā)框架經(jīng)驗小結(jié)【三】下拉列表Select2插件的使用
- Bootstrap每天必學(xué)之下拉菜單
- BootStrap中關(guān)于Select下拉框選擇觸發(fā)事件及擴(kuò)展
- bootstrap multiselect下拉列表功能
這篇文章主要介紹了JS如何實現(xiàn)封裝列表右滑動刪除收藏按鈕,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2020-07-07 
這篇文章主要介紹了JavaScript格式化json和xml的方法,結(jié)合實例形式分析了javascript格式化json及格式化xml數(shù)據(jù)的具體操作技巧,需要的朋友可以參考下
2019-01-01 
js 獲取當(dāng)前web應(yīng)用的上下文路徑實現(xiàn)方法
下面小編就為大家?guī)硪黄猨s 獲取當(dāng)前web應(yīng)用的上下文路徑實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-08-08 
要進(jìn)行圖片編輯，最重要要能夠?qū)D片進(jìn)行裁剪。主要的實現(xiàn)分成兩部分，一部分是前端利用js進(jìn)行裁剪區(qū)域選擇，第二部分是利用PHP進(jìn)行后臺處理?，F(xiàn)在就跟大家分享一下。
2016-08-08 
這篇文章主要介紹了JavaScript從數(shù)組中刪除指定值元素的方法,實例分析了兩種常用的javascript操作數(shù)組指定元素的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-03-03 
基于Bootstrap 3 JQuery及RegExp的表單驗證功能
這篇文章主要介紹了基于Bootstrap 3 JQuery及RegExp的表單驗證功能,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-02-02 
Boostrap柵格系統(tǒng)與自己額外定義的媒體查詢的沖突問題
這篇文章主要介紹了Boostrap柵格系統(tǒng)與自己額外定義的媒體查詢的沖突問題,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-02-02 
動態(tài)生成js類的實現(xiàn)方法...
2007-03-03 
javascript中的float運(yùn)算精度實例分析
javascript中的float運(yùn)算精度的一些問題，下面是具體的說明。
2010-08-08