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权威指南 学习笔记之变量作用域分享
Sep 28 Javascript
javaScript面向对象继承方法经典实现
Aug 20 Javascript
JQuery中使用on方法绑定hover事件实例
Dec 09 Javascript
js对象继承之原型链继承实例
Jan 10 Javascript
JavaScript实现倒计时代码段Item1(非常实用)
Nov 03 Javascript
详解PHP中pathinfo()函数导致的安全问题
Jan 05 Javascript
js简单实现网页换肤功能
Apr 07 Javascript
jQuery实现百度登录框的动态切换效果
Apr 21 jQuery
jQuery使用JSONP实现跨域获取数据的三种方法详解
May 04 jQuery
还不懂递归?读完这篇文章保证你会懂
Jul 29 Javascript
Vue.js特性Scoped Slots的浅析
Feb 20 Javascript
django简单的前后端分离的数据传输实例 axios
May 18 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远程连接MYSQL数据库非常慢的解决方法
2008/07/05 PHP
深入理解PHP几个算法:PHP冒泡、PHP二分法、PHP求素数、PHP乘法表
2013/06/06 PHP
10个实用的PHP正则表达式汇总
2014/10/23 PHP
给WordPress中的留言加上楼层号的PHP代码实例
2015/12/14 PHP
PHPMailer发送邮件
2016/12/28 PHP
LAMP环境使用Composer安装Laravel的方法
2017/03/25 PHP
php 提交表单 关闭layer弹窗iframe的实例讲解
2018/08/20 PHP
jquery 全选、全不选、反选效果的实现代码【推荐】
2016/05/05 Javascript
Node.js下自定义错误类型详解
2016/10/17 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
2016/11/16 Javascript
Bootstrap整体框架之CSS12栅格系统
2016/12/15 Javascript
AngularJs实现聊天列表实时刷新功能
2017/06/15 Javascript
对于Javascript 执行上下文的全面了解
2017/09/05 Javascript
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
2019/08/27 Javascript
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
2019/09/09 Javascript
JS操作字符串转数字的常见方法示例
2019/10/29 Javascript
Node绑定全局TraceID的实现方法
2019/11/14 Javascript
js实现一款简单踩白块小游戏(曾经很火)
2019/12/02 Javascript
微信小程序实现手指拖动选项排序
2020/04/22 Javascript
vue集成一个支持图片缩放拖拽的富文本编辑器
2021/01/29 Vue.js
numpy 对矩阵中Nan的处理:采用平均值的方法
2018/10/30 Python
Python秒算24点实现及原理详解
2019/07/29 Python
关于tf.reverse_sequence()简述
2020/01/20 Python
python sitk.show()与imageJ结合使用常见的问题
2020/04/20 Python
解决python中import文件夹下面py文件报错问题
2020/06/01 Python
详解python的super()的作用和原理
2020/10/29 Python
CSS3利用text-shadow属性实现多种效果的文字样式展现方法
2016/08/25 HTML / CSS
html5触摸事件判断滑动方向的实现
2018/06/05 HTML / CSS
美国首屈一指的礼品篮供应商:GiftTree
2018/01/06 全球购物
致裁判员加油稿
2014/02/08 职场文书
售后服务承诺书怎么写
2014/05/21 职场文书
2014最新离职证明范本
2014/09/12 职场文书
综合办公室岗位职责
2015/04/11 职场文书
2016继续教育研修日志
2015/11/13 职场文书
远程教育学习心得体会
2016/01/23 职场文书
JS数组的常用方法整理
2021/03/31 Javascript