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

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

简介

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

参见:

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

如何使用它:

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 

预览截图