tCheckAll是一个非常简单的jQuery插件,它允许您一键选择和取消选择所有复选框。
1.在jQuery javascript库之后加载jQuery tCheckAll脚本。
- <script src="/path/to/cdn/jquery.min.js"></script>
- <script src="/path/to/jquery.tcheckall.min.js"></script>
2.为复选框列表创建一个“全选”链接(或按钮)。
- <form id="demo">
- <fieldset>
- <a href="javascript:void(0)" id="all"> Select All</a>
- <input type="checkbox" name="number[]" value="1" />
- Value 1
- <input type="checkbox" name="number[]" value="1" />
- Value 2
- <input type="checkbox" name="number[]" value="1" />
- Value 3
- ...
- </fieldset>
- </form>
3.在“全选”链接上调用插件。
- $(document).ready(function() {
- $('#all').tCheckAll();
- });
4.可用的插件选项。
- $('#all').tCheckAll({
- checkTxt: 'Check',
- unckeckTxt: 'Uncheck',
- cheked: true,
- });
v2 (2023-03-14)
作者:berumen
网站:http://berumen.pwÂ