首页
编程
PHP基础
PHP教程
php框架
JavaScript
asp.net
AJAX
正则表达式
ASP
html代码
css
前端框架
Python
服务器
数据库
mysql
mssql
redis
数据库问题
系统教程
window10教程
window8教程
window11教程
window7教程
windowxp教程
linux教程
U盘教程
操作系统
Windowsxp
windows7
windows8
windows10
其他操作系统
程序下载
企业程序
小说/有声
网站模板
第三方软件
新闻资讯
第三方源码
小程序
商城源码
框架书籍
前端开发
服务器端开发
数据库
开发软件
其他手册
jquery插件库
输入
banner图
图片脚本
导航/分类
播放器
css3
jQuery脚本
jqueryhtml5
进度条
贴图/客服
在线工具
编码转换工具
在线IDE编码工具
开发手册
linux命令大全
Bootstrap
HTML参考手册
css手册/教程
ThinkPHP5.0
ThinkPHP3.2
当前位置：
Gxlcms
>
JavaScript
>
jQueryCheckBox全选、全不选实现代码小结_jquery
jQueryCheckBox全选、全不选实现代码小结_jquery
时间：2021-07-01 10:21:17
帮助过：13人阅读
直接上代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Index</title> <script src="http://img.jb51.net/jslib/jquery/jquery14.js"></ script> <script type="text/javascript"> $(function() { $("#CheckAll").click(function() { var flag = $(this).attr("checked"); $("[name=subBox]:checkbox").each(function() { $(this).attr("checked", flag); }) }) }) </ script> </head> <body> <div> <input id="CheckAll" type="checkbox" />全选 <input name="subBox" type="checkbox" />1 <input name="subBox" type="checkbox" />2 <input name="subBox" type="checkbox" />3 <input name="subBox" type="checkbox" />4 </div> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
下面的代码比较全，是基于js的控制原理实现
代码如下:
登录
记住我的登录
忘记密码？
登录
我已阅读
用户协议
及
版权声明
注册
