一个轻量级快速的jQueryCheckAll插件,可以轻松管理多个复选框。
此插件允许PARENT复选框通过单击选中和取消选中其子项。还附带了一个回调函数,每当其中一个复选框更改状态时,该函数可用于触发自定义函数。
1.下载jquery.checkbox.js脚本,并将其放在最新的jquery库之后(建议使用瘦版本)。
- <script src="/path/to/cdn/jquery.slim.min.js"></script>
- <script src="/path/to/jquery.checkbox.js"></script>
2.在页面上创建一个PARENT复选框输入,并在数据子项
属性如下:
- <input id="checkbox" type="checkbox" data-children=".children">
- <div>
- <input type="checkbox" class="children" value="1" checked>
- <input type="checkbox" class="children" value="2">
- <input type="checkbox" class="children" value="3">
- <input type="checkbox" class="children" value="4">
- <input type="checkbox" class="children" value="5">
- <input type="checkbox" class="children" value="6">
- </div>
3.初始化插件:
- $(function(){
- var checkbox = $("#checkbox").checkbox();
- });
4.获取所选复选框的值。
- var checkbox = $("#checkbox").checkbox(function(values) {
- $("#output").html(values.join(','));
- });