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 相关文章推荐
自己的js工具_Form 封装
Aug 21 Javascript
jquery 操作表格实现代码(多种操作打包)
Mar 20 Javascript
js/jquery解析json和数组格式的方法详解
Jan 09 Javascript
HTML页面登录时的JS验证方法
May 28 Javascript
JavaScript数据结构与算法之栈详解
Mar 12 Javascript
使用ngView配合AngularJS应用实现动画效果的方法
Jun 19 Javascript
移除AngularJS下URL中的#字符的方法
Jun 19 Javascript
Javascript 实现计算器时间功能详解及实例(二)
Jan 08 Javascript
AngularJS模态框模板ngDialog的使用详解
May 11 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
Nov 22 Javascript
JavaScript的console命令使用实例
Dec 03 Javascript
vue实现点击出现操作弹出框的示例
Nov 05 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
重量级动漫纷纷停播!唯独OVERLORD第四季正在英魂之刃继续更新
2020/05/06 日漫
一个没有MYSQL数据库支持的简易留言本的编写
2006/10/09 PHP
用PHP和ACCESS写聊天室(一)
2006/10/09 PHP
smarty获得当前url的方法分享
2014/02/14 PHP
PHP错误Warning: Cannot modify header information - headers already sent by解决方法
2014/09/27 PHP
用php守护另一个php进程的例子
2015/02/13 PHP
总结PHP中DateTime的常用方法
2016/08/11 PHP
PHP登录(ajax提交数据和后台校验)实例分享
2016/12/29 PHP
showModelessDialog()使用详解
2006/09/21 Javascript
JavaScript中this关键字使用方法详解
2007/03/08 Javascript
对YUI扩展的Gird组件 Part-1
2007/03/10 Javascript
JS 用6N±1法求素数 实例教程
2009/10/20 Javascript
在js(jquery)中获得文本框焦点和失去焦点的方法
2012/12/04 Javascript
jQuery实现图片放大预览实现原理及代码
2013/09/12 Javascript
js实现简单的选项卡效果
2017/02/23 Javascript
weui框架实现上传、预览和删除图片功能代码
2017/08/24 Javascript
layui中layer前端组件实现图片显示功能的方法分析
2017/10/13 Javascript
值得收藏的vuejs安装教程
2017/11/21 Javascript
JS实现520 表白简单代码
2018/05/21 Javascript
浅谈JavaScript面向对象--继承
2019/03/20 Javascript
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
2019/11/15 Javascript
python检查字符串是否是正确ISBN的方法
2015/07/11 Python
在Python的Django框架中加载模版的方法
2015/07/16 Python
举例讲解Python中字典的合并值相加与异或对比
2016/06/04 Python
python实现控制台输出彩色字体
2020/04/05 Python
摩飞电器俄罗斯官方网站:Morphy Richards俄罗斯
2020/07/30 全球购物
路德维希•贝克(LUDWIG BECK)中文官网:德国大型美妆百货
2020/09/19 全球购物
幼儿园美术教学反思
2014/01/31 职场文书
2014年中班元旦活动方案
2014/02/14 职场文书
教育英语专业毕业生的求职信
2014/03/13 职场文书
请假条的格式
2014/04/11 职场文书
公司股东出资证明书
2014/11/01 职场文书
2014年村党支部工作总结
2014/12/04 职场文书
只需要100行Python代码就可以实现的贪吃蛇小游戏
2021/05/27 Python
详解Python自动化之文件自动化处理
2021/06/21 Python
Redis 哨兵机制及配置实现
2022/03/25 Redis