## Multiple Select
Multiple select is a jQuery plugin to select multiple elements with checkboxes :).
**Multiple Selected is licensed under the The MIT License. Completely free, you can arbitrarily use and modify this plugin. If this plugin is useful to you, you can give me a <a href="https://github.com/wenzhixin/multiple-select/">star</a>, and I will do better, thanks.**
*Current version: 1.2.1*
## Requirements
* jQuery >= 1.7.0
## Features
* Default option allows to show checkbox.
* Ability to grouping elements.
* Supports to show multiple items in single row.
* Select all options.
* Feature to show placeholder.
## Browser Compatibility
* IE 7+
* Chrome 8+
* Firefox 10+
* Safari 3+
* Opera 10.6+
## Examples
### The Basics1
Multiple Select can take a regular select box like this:
<p id="e1_f">
<select class="w300" multiple="multiple">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
</p>
and turns it into:
<p id="e1_t"></p>
``` html
<head>
<link href="multiple-select.css" rel="stylesheet"/>
</head>
<body>
<select multiple="multiple">
<option value="1">January</option>
...
<option value="12">December</option>
</select>
<script src="multiple-select.js"></script>
<script>
$('select').multipleSelect();
</script>
</body>
```
### The Basics2
Multiple Select can take a regular select box like this:
<p id="e2_f">
<select class="w300" multiple="multiple" disabled="disabled">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
</p>
and turns it into:
<p id="e2_t"></p>
``` html
<head>
<link href="multiple-select.css" rel="stylesheet"/>
</head>
<body>
<select multiple="multiple" disabled="disabled">
<option value="1">January</option>
...
<option value="12">December</option>
</select>
<script src="multiple-select.js"></script>
<script>
$('select').multipleSelect();
</script>
</body>
```
### The Basics3
Multiple Select can take a regular select box like this:
<p id="e3_f">
<select class="w300" multiple="multiple">
<option value="1" selected="selected">January</option>
<option value="2" disabled="disabled">February</option>
<option value="3" selected="selected" disabled="disabled">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
</p>
and turns it into:
<p id="e3_t"></p>
``` html
<head>
<link href="multiple-select.css" rel="stylesheet"/>
</head>
<body>
<select multiple="multiple">
<option value="1" selected="selected">January</option>
<option value="2" disabled="disabled">February</option>
<option value="3" selected="selected" disabled="disabled">March</option>
...
</select>
<script src="multiple-select.js"></script>
<script>
$('select').multipleSelect();
</script>
</body>
```
### With Optgroups1
Multiple Select can take a regular select box like this:
<p id="e4_f">
<select class="w300" multiple="multiple">
<optgroup label="Group 1">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</optgroup>
<optgroup label="Group 2">
<option value="4">Option 4</option>
<option value="5">Option 5</option>
<option value="6">Option 6</option>
</optgroup>
<optgroup label="Group 3">
<option value="7">Option 7</option>
<option value="8">Option 8</option>
<option value="9">Option 9</option>
</optgroup>
</select>
</p>
and turns it into:
<p id="e4_t"></p>
``` html
<head>
<link href="multiple-select.css" rel="stylesheet"/>
</head>
<body>
<select multiple="multiple">
<optgroup label="Group 1">
<option value="1">Option 1</option>
...
</optgroup>
...
<optgroup label="Group 3">
...
<option value="9">Option 9</option>
</optgroup>
</select>
<script src="multiple-select.js"></script>
<script>
$('select').multipleSelect();
</script>
</body>
```
### With Optgroups2
Multiple Select can take a regular select box like this:
<p id="e5_f">
<select class="w300" multiple="multiple">
<optgroup label="Group 1" disabled="disabled">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</optgroup>
<optgroup label="Group 2">
<option value="4">Option 4</option>
<option value="5">Option 5</option>
<option value="6">Option 6</option>
</optgroup>
<optgroup label="Group 3">
<option value="7">Option 7</option>
<option value="8">Option 8</option>
<option value="9">Option 9</option>
</optgroup>
</select>
</p>
and turns it into:
<p id="e5_t"></p>
``` html
<head>
<link href="multiple-select.css" rel="stylesheet"/>
</head>
<body>
<select multiple="multiple">
<optgroup label="Group 1" disabled="disabled">
<option value="1">Option 1</option>
...
</optgroup>
...
<optgroup label="Group 3">
...
<option value="9">Option 9</option>
</optgroup>
</select>
<script src="multiple-select.js"></script>
<script>
$('select').multipleSelect();
</script>
</body>
```
### The Placeholder
<p id="e6">
<select class="w300" multiple="multiple">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
</p>
``` html
<head>
<link href="multiple-select.css" rel="stylesheet"/>
</head>
<body>
<select multiple="multiple">
<option value="1">January</option>
...
<option value="12">December</option>
</select>
<script src="multiple-select.js"></script>
<script>
$("select").multipleSelect({
placeholder: "Here is the placeholder"
});
</script>
</body>
```
### The Multiple Items
Multiple Select supports to show multiple items in single row.
<p id="e7">
<select class="w300" multiple="multiple">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
没有合适的资源?快使用搜索试试~ 我知道了~
bootstrap-table-冻结列样例
共655个文件
js:415个
md:83个
css:57个
5星 · 超过95%的资源 需积分: 48 101 下载量 61 浏览量
2018-06-01
09:34:19
上传
评论
收藏 2.28MB RAR 举报
温馨提示
bootstrap-table-冻结列样例,bootstrap-table-冻结列样例,bootstrap-table-冻结列样例,
资源推荐
资源详情
资源评论
收起资源包目录
bootstrap-table-冻结列样例 (655个子文件)
bootstrap.css 134KB
bootstrap.css 129KB
bootstrap.css 120KB
bootstrap.min.css 111KB
bootstrap.min.css 107KB
bootstrap.min.css 97KB
font-awesome.css 26KB
bootstrap-table-group-by.css 24KB
bootstrap-table-group-by.css 24KB
bootstrap-table-group-by.css 24KB
font-awesome.min.css 21KB
bootstrap-theme.css 21KB
docs.min.css 21KB
bootstrap-theme.css 21KB
bootstrap-theme.min.css 19KB
bootstrap-theme.min.css 18KB
style.css 16KB
bootstrap-theme.css 14KB
bootstrap-theme.min.css 13KB
bootstrap-table.css 7KB
bootstrap-table.css 7KB
bootstrap-table.css 7KB
bootstrap-table.min.css 6KB
bootstrap-table.min.css 6KB
multiple-select.css 4KB
base.css 3KB
sidenav.css 2KB
index.css 2KB
style.css 1KB
bootstrap-table-reorder-rows.css 819B
bootstrap-table-reorder-rows.css 819B
bootstrap-table-reorder-rows.css 819B
bootstrap-table-fixed-columns1.css 609B
bootstrap-table-fixed-columns3.css 592B
bootstrap-table-tree-column.css 582B
bootstrap-table-tree-column.css 582B
bootstrap-table-tree-column.css 582B
bootstrap-table-sticky-header.css 416B
bootstrap-table-sticky-header.css 416B
bootstrap-table-sticky-header.css 416B
bootstrap-table-multiple-selection-row.css 306B
bootstrap-table-multiple-selection-row.css 306B
bootstrap-table-multiple-selection-row.css 306B
bootstrap-table-fixed-columns2.css 303B
bootstrap-table-click-edit-row.css 287B
bootstrap-table-click-edit-row.css 287B
bootstrap-table-click-edit-row.css 287B
bootstrap-table-filter-control.css 190B
bootstrap-table-filter-control.css 190B
bootstrap-table-filter-control.css 190B
bootstrap-table-group-by.css 129B
bootstrap-table-group-by.css 129B
bootstrap-table-group-by.css 129B
bootstrap-table-auto-refresh.css 46B
bootstrap-table-auto-refresh.css 46B
bootstrap-table-auto-refresh.css 46B
examples.css 0B
fontawesome-webfont.eot 55KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.eot 20KB
.gitignore 334B
.gitignore 26B
fixed-columns.html 3KB
nav.html 3KB
index.html 3KB
header.html 3KB
social-buttons.html 2KB
footer.html 1KB
footer.html 1KB
footer.html 1KB
index.html 1KB
default.html 1KB
footer.html 816B
home.html 402B
index.html 145B
favicon.ico 5KB
alipay.jpg 96KB
customize.min.js 1.37MB
bootstrap-table.js 108KB
bootstrap-table.js 107KB
bootstrap-table.js 107KB
jquery.min.js 94KB
jquery.min.js 94KB
jquery.min.js 94KB
jquery.min.js 90KB
bootstrap.js 66KB
bootstrap.js 59KB
bootstrap.js 57KB
bootstrap-table-locale-all.js 57KB
bootstrap-table-locale-all.js 57KB
bootstrap-table.min.js 53KB
bootstrap-table.min.js 53KB
docs.min.js 42KB
flatdoc.js 41KB
bootstrap.min.js 35KB
multiple-select.js 33KB
bootstrap-table-locale-all.min.js 33KB
bootstrap-table-locale-all.min.js 33KB
bootstrap.min.js 31KB
共 655 条
- 1
- 2
- 3
- 4
- 5
- 6
- 7
资源评论
- suenjoe2019-03-18试下看看啊
- NET程序2019-07-31可以使用。。。。。。。。。。。。
- flzhang1322019-05-27不错能用,有帮助的
- echo6282019-04-22不错,有点帮助
lgb860316
- 粉丝: 1
- 资源: 8
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功