2015年5月13日 星期三

Bootstrap Multiselect

接到一個功能是要多選checkbox
忽然想到能不能下拉select 時有checkbox
在網路上找到bootstrap-multiselect
功能相當齊全使用也簡單給需要的人參考
加入參考
<link href="/css/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />
<script src="/js/bootstrap-multiselect.js" type="text/javascript"></script>
Html部份
<select  id="selecttest" multiple="multiple">
略...
</select>
js部份

            $('#selecttest').multiselect({
                includeSelectAllOption: true,
                selectAllText: '全選',
                nonSelectedText :'未選擇',
                allSelectedText : '已全選'
            });

還有許多屬性可以使用
如果都沒有時select的val()是null