bootstrap-select的 使用方法

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/WO8451401/article/details/79280881

1、引入相关的css和js


<!-- bootstrap-select -->
<link href="resources/css/H/plugins/bootstrap-select/bootstrap-select.min.css" rel="stylesheet">
<script src="resources/js/H/plugins/bootstrap-select/bootstrap-select.min.js"></script>

2、在js中调用它一个初始化方法


$(function () {
 $('.i-checks').iCheck({
    checkboxClass: 'icheckbox_square-green',
    radioClass: 'iradio_square-green',
 });
 // 启用下拉框复选功能
 $('.selectpicker').selectpicker({
    'selectedText': 'cat'
 });
})

3、给select标签添加相关的属性样式如下


<select id="checkBoxTradeType"  name="checkBoxTradeType" class="cmt form-control selectpicker" multiple data-live-search="true">
</select>
其中 name和id自己定义





猜你喜欢

转载自blog.csdn.net/WO8451401/article/details/79280881