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 JSQL,SQL无处不在,
May 05 Javascript
extjs 04_grid 单击事件新发现
Nov 27 Javascript
javascript中负数算术右移、逻辑右移的奥秘探索
Oct 17 Javascript
jQuery数据缓存用法分析
Feb 20 Javascript
微信小程序 生命周期详解
Oct 12 Javascript
聊聊JavaScript如何实现继承及特点
Apr 07 Javascript
简单实现js拖拽效果
Jul 25 Javascript
jQuery plugin animsition使用小结
Sep 14 jQuery
浅谈Node.js之异步流控制
Oct 25 Javascript
Vue中自定义全局组件的实现方法
Dec 08 Javascript
react-native封装插件swiper的使用方法
Mar 20 Javascript
javascript实现视频弹幕效果(两个版本)
Nov 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
ThinkPHP连接数据库及主从数据库的设置教程
2014/08/22 PHP
php绘制一个扇形的方法
2015/01/24 PHP
thinkphp3.x中session方法的用法分析
2016/05/20 PHP
PHP使用自定义方法实现数组合并示例
2016/07/07 PHP
基于PHP微信红包的算法探讨
2016/07/21 PHP
PHP自定义图片缩放函数实现等比例不失真缩放的方法
2016/08/19 PHP
PHP绕过open_basedir限制操作文件的方法
2018/06/10 PHP
JavaScript QueryString解析类代码
2010/01/17 Javascript
超级酷和最实用的jQuery实例收集(20个)
2010/04/21 Javascript
Javascript中Array.prototype.map()详解
2014/10/22 Javascript
一个JavaScript操作元素定位元素的实例
2014/10/29 Javascript
jQuery实现的简洁下拉菜单导航效果代码
2015/08/26 Javascript
jquery实现简单文字提示效果
2015/12/02 Javascript
jquery实现文本框textarea自适应高度
2016/03/09 Javascript
jQuery使用animate实现ul列表项相互飘动效果示例
2016/09/16 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
2016/10/11 Javascript
Nodejs--post的公式详解
2017/04/29 NodeJs
vue项目中跳转到外部链接的实例讲解
2018/09/20 Javascript
python实现文本文件合并
2015/12/29 Python
Python模块包中__init__.py文件功能分析
2016/06/14 Python
解决pycharm安装后代码区不能编辑的问题
2018/10/28 Python
Django使用AJAX调用自己写的API接口的方法
2019/03/06 Python
python替换字符串中的子串图文步骤
2019/06/19 Python
Cython编译python为so 代码加密示例
2019/12/23 Python
tensorflow之自定义神经网络层实例
2020/02/07 Python
Python随机数函数代码实例解析
2020/02/09 Python
Python插件机制实现详解
2020/05/04 Python
Python 内存管理机制全面分析
2021/01/16 Python
python实现计算图形面积
2021/02/22 Python
css3 box-shadow阴影(外阴影与外发光)图示讲解
2017/08/11 HTML / CSS
HTML5中的进度条progress元素简介及兼容性处理
2016/06/02 HTML / CSS
用canvas画心电图的示例代码
2018/09/10 HTML / CSS
对祖国的寄语大全
2014/04/11 职场文书
2016年第二十五次全国助残日活动总结
2016/04/01 职场文书
canvas绘制折线路径动画实现
2021/05/12 Javascript
Golang解析JSON对象
2022/04/30 Golang