jQuery插件一键选择所有复选框 tCheckAll

  • 源码大小:8.29KB
  • 所需积分:1积分
  • 源码编号:19JP-3140
  • 浏览次数:636次
  • 最后更新:2023年05月10日
  • 所属栏目:表单
我要下载
加入收藏
本站默认解压密码:19jp.com 或 19jp_com

简介

tCheckAll是一个非常简单的jQuery插件,它允许您一键选择和取消选择所有复选框。

参见:

  • 用于检查所有复选框的jQuery插件
  • jQuery的简单表单检查所有插件
  • 简单的jQuery插件选择所有复选框-全选
  • jQuery检查/取消检查所有复选框插件-Checkall

如何使用它:

1.在jQuery javascript库之后加载jQuery tCheckAll脚本。

  1. <script src="/path/to/cdn/jquery.min.js"></script>
  2. <script src="/path/to/jquery.tcheckall.min.js"></script>

2.为复选框列表创建一个“全选”链接(或按钮)。

  1. <form id="demo">
  2. <fieldset>
  3. <a href="javascript:void(0)" id="all"> Select All</a>
  4. <input type="checkbox" name="number[]" value="1" />
  5. Value 1
  6. <input type="checkbox" name="number[]" value="1" />
  7. Value 2
  8. <input type="checkbox" name="number[]" value="1" />
  9. Value 3
  10. ...
  11. </fieldset>
  12. </form>

3.在“全选”链接上调用插件。

  1. $(document).ready(function() {
  2. $('#all').tCheckAll();
  3. });

4.可用的插件选项。

  1. $('#all').tCheckAll({
  2. checkTxt: 'Check',
  3. unckeckTxt: 'Uncheck',
  4. cheked: true,
  5. });

更新日志:

v2 (2023-03-14)

  • 使现代化

关于作者:

作者:berumen

网站:http://berumen.pw 

预览截图