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 相关文章推荐
JavaScript 给汉字排序实例代码
Jun 28 Javascript
从盛大通行证上摘下来的身份证验证js代码
Jan 11 Javascript
js图片自动切换效果处理代码
May 07 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
Aug 24 Javascript
Vue2学习笔记之请求数据交互vue-resource
Feb 23 Javascript
Vue如何引入远程JS文件
Apr 20 Javascript
js 发布订阅模式的实例讲解
Sep 10 Javascript
在vue中通过axios异步使用echarts的方法
Jan 13 Javascript
JavaScript原型对象原理与应用分析
Dec 27 Javascript
Vue使用zTree插件封装树组件操作示例
Apr 25 Javascript
javascript随机变色实例代码
Oct 15 Javascript
Vue实现剪贴板复制功能
Dec 31 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
PHP 递归效率分析
2009/11/24 PHP
php事务处理实例详解
2014/07/11 PHP
php从数据库读取数据,并以json格式返回数据的方法
2018/08/21 PHP
php桥接模式应用案例分析
2019/10/23 PHP
HTML中事件触发列表与解说
2007/07/09 Javascript
JavaScript 字符串与数组转换函数[不用split与join]
2009/12/13 Javascript
Javascript学习笔记6 prototype的提出
2010/01/11 Javascript
制作高质量的JQuery Plugin 插件的方法
2010/04/20 Javascript
jQuery中事件对象e的事件冒泡用法示例介绍
2014/04/25 Javascript
JS取得绝对路径的实现代码
2015/01/16 Javascript
jquery zTree异步加载、模糊搜索简单实例分享
2016/03/24 Javascript
JavaScript 身份证号有效验证详解及实例代码
2016/10/20 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
2017/01/23 Javascript
微信小程序 ecshop地址三级联动实现实例代码
2017/02/28 Javascript
JS实现的自动打字效果示例
2017/03/10 Javascript
在js中做数字字符串补0(js补零)
2017/03/25 Javascript
vue.js实现的经典计算器/科学计算器功能示例
2018/07/11 Javascript
浅谈JS和jQuery的区别
2019/03/27 jQuery
一篇文章带你浅入webpack的DLL优化打包
2020/02/20 Javascript
Javascript组合继承方法代码实例解析
2020/04/02 Javascript
Python编程实现数学运算求一元二次方程的实根算法示例
2017/04/02 Python
pyhanlp安装介绍和简单应用
2019/02/22 Python
Python3自动生成MySQL数据字典的markdown文本的实现
2020/05/07 Python
简单的Python人脸识别系统
2020/07/14 Python
Python descriptor(描述符)的实现
2020/11/15 Python
基于HTML5+CSS3实现简单的时钟效果
2017/09/11 HTML / CSS
英国在线珠宝店:The Jewel Hut
2017/03/20 全球购物
澳大利亚最早和最古老的巨型游戏专家:Yardgames
2020/02/20 全球购物
小米官方旗舰店:Xiaomi
2020/08/07 全球购物
ASP.NET中的身份验证有那些
2012/07/13 面试题
高三生物教学反思
2014/01/25 职场文书
中学生个人自我评价
2014/02/06 职场文书
差生评语大全
2014/05/04 职场文书
授权委托书样本及填写说明
2014/09/19 职场文书
会计继续教育培训心得体会
2016/01/19 职场文书
手把手教你实现PyTorch的MNIST数据集
2021/06/28 Python