Jquery CheckBox全选方法代码附js checkbox全选反选代码


Posted in Javascript onJune 09, 2010

jquery方法如下:

function CheckAll(val) { 
$("input[name='chkJob']").each(function() { 
this.checked = val; 
}); 
$("#chkAll").attr("checked", val);//设定全选按钮状态 
}

val 该参数传递的是全选按钮的选择状态
name='chkJob' 这个为列表中的checkbox名称
chkAll 就为全选按钮名称
喜欢上了Jquery的简便、明了···
与用JavaScript写的比起来真的有点差距!
eg:
javascript 全选反选代码
//全选 
function checkall() { 
var all = document.getElementsByTagName("input"); 
for (var i = 0; i < all.length; i++) { 
if (all[i].type == "checkbox") { 
all[i].checked = true; 
} 
} 
} 
//反选 
function checknull() { 
var all = document.getElementsByTagName("input"); 
for (var i = 0; i < all.length; i++) { 
if (all[i].type == "checkbox") { 
all[i].checked = false; 
} 
} 
}
Javascript 相关文章推荐
jquery 操作单选框,复选框,下拉列表实现代码
Oct 27 Javascript
使用mini-define实现前端代码的模块化管理
Dec 25 Javascript
jquery选择器简述
Aug 31 Javascript
Jquery实现仿京东商城省市联动菜单
Nov 19 Javascript
JS使用正则表达式找出最长连续子串长度
Oct 26 Javascript
JavaScript实现左侧菜单效果
Dec 14 Javascript
使用node打造自己的命令行工具方法教程
Mar 26 Javascript
vue进入页面时滚动条始终在底部代码实例
Mar 26 Javascript
vue-cli 3.x配置跨域代理的实现方法
Apr 12 Javascript
uniapp,微信小程序中使用 MQTT的问题
Jul 11 Javascript
原生JavaScript实现五子棋游戏
Nov 09 Javascript
mustache.js实现首页元件动态渲染的示例代码
Dec 28 Javascript
JavaScript 原型与继承说明
Jun 09 #Javascript
JavaScript 构造函数 面相对象学习必备知识
Jun 09 #Javascript
JS 图片缩放效果代码
Jun 09 #Javascript
JQuery优缺点分析说明
Jun 09 #Javascript
web页面数据展示新想法(json)
Jun 08 #Javascript
js客户端快捷键管理类的较完整实现和应用
Jun 08 #Javascript
location.search在客户端获取Url参数的方法
Jun 08 #Javascript
You might like
乐信RP2100的电路分析和打磨
2021/03/02 无线电
用PHP 快速生成 Flash 动画的方法
2007/03/06 PHP
vs中通过剪切板循环来循环粘贴不同内容
2011/04/30 PHP
typecho插件编写教程(一):Hello World
2015/05/28 PHP
PHP实现将优酷土豆腾讯视频html地址转换成flash swf地址的方法
2017/08/04 PHP
PHP消息队列实现及应用详解【队列处理订单系统和配送系统】
2019/05/20 PHP
用JS操作FRAME中的IFRAME及其内容的实现代码
2008/07/26 Javascript
jquery中load方法的用法及注意事项说明
2014/02/22 Javascript
简介AngularJS中使用factory和service的方法
2015/06/17 Javascript
js只执行1次的函数示例
2016/07/20 Javascript
如何抽象一个Vue公共组件
2017/10/17 Javascript
简单了解JavaScript中的执行上下文和堆栈
2019/06/24 Javascript
Vue实现图书管理小案例
2020/12/03 Vue.js
[02:30]DOTA2放量测试专访海涛:呼吁保护新手玩家
2013/08/26 DOTA
[00:30]明星选手化身超级英雄!2018DOTA2亚洲邀请赛全明星赛来临!
2018/04/06 DOTA
使用FastCGI部署Python的Django应用的教程
2015/07/22 Python
浅谈Python中的可变对象和不可变对象
2017/07/07 Python
python3 实现验证码图片切割的方法
2018/12/07 Python
python 2.7 检测一个网页是否能正常访问的方法
2018/12/26 Python
python tools实现视频的每一帧提取并保存
2020/03/20 Python
Django CSRF认证的几种解决方案
2020/03/03 Python
Java Unsafe类实现原理及测试代码
2020/09/15 Python
python爬虫判断招聘信息是否存在的实例代码
2020/11/20 Python
使用iframe+postMessage实现页面跨域通信的示例代码
2020/01/14 HTML / CSS
澳大利亚办公室装修:JasonL Office Furniture
2019/06/25 全球购物
奖学金自我鉴定范文
2013/10/03 职场文书
工作睡觉检讨书
2014/02/25 职场文书
小学标准化建设汇报材料
2014/08/16 职场文书
2014年社区教育工作总结
2014/12/02 职场文书
2014年企业党支部工作总结
2014/12/04 职场文书
清明节网上祭英烈寄语2015
2015/03/04 职场文书
2015年班主任个人工作总结
2015/03/31 职场文书
2015驻村干部工作总结
2015/04/07 职场文书
员工开除通知书
2015/04/25 职场文书
科学家测试在太空中培育人造肉,用于未来太空旅行
2022/04/29 数码科技
Redis 异步机制
2022/05/15 Redis