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 广告后加载,加载完页面再加载广告
Nov 25 Javascript
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
Jul 04 Javascript
javascript控制图片播放的实现代码
Jul 29 Javascript
Vue.js每天必学之组件与组件间的通信
Sep 08 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
Oct 12 Javascript
小程序实现展开/收起的效果示例
Sep 22 Javascript
layui按条件隐藏表格列的实例
Sep 19 Javascript
js获取本日、本周、本月的时间代码
Feb 01 Javascript
基于JS正则表达式实现模板数据动态渲染(实现思路详解)
Mar 07 Javascript
angular中的post请求处理示例详解
Jun 30 Javascript
vue-router路由懒加载及实现的3种方式
Feb 28 Vue.js
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模板函数 正则实现代码
2012/10/15 PHP
PHP编码规范的深入探讨
2013/06/06 PHP
thinkphp浏览历史功能实现方法
2014/10/29 PHP
Yii2实现增删改查后留在当前页的方法详解
2017/01/13 PHP
在 Laravel 项目中使用 webpack-encore的方法
2019/07/21 PHP
jQuery编写widget的一些技巧分享
2010/10/28 Javascript
jQuery Jcrop插件实现图片选取功能
2011/11/23 Javascript
javascript强大的日期函数代码分享
2013/09/04 Javascript
javascript禁用键盘功能键让右击及其他键无效
2013/10/09 Javascript
javascript中怎么做对象的类型判断
2013/11/11 Javascript
jQuery+CSS3实现3D立方体旋转效果
2015/11/10 Javascript
详解JS中定时器setInterval和setTImeout的this指向问题
2017/01/06 Javascript
JavaScript字符集编码与解码详谈
2017/02/02 Javascript
详解AngularJS通过ocLazyLoad实现动态(懒)加载模块和依赖
2017/03/01 Javascript
Vue渲染过程浅析
2019/03/14 Javascript
JavaScript实现选项卡效果的分析及步骤
2019/04/16 Javascript
微信小程序云开发之使用云函数
2019/05/17 Javascript
微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】
2020/06/01 Javascript
对vue生命周期的深入理解
2020/12/03 Vue.js
[02:51]2014DOTA2 TI小组赛总结中国军团全部进军钥匙球馆
2014/07/15 DOTA
[01:15:45]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第一局
2016/02/26 DOTA
[11:12]2018DOTA2国际邀请赛寻真——绿色长城OpTic
2018/08/10 DOTA
Django自定义过滤器定义与用法示例
2018/03/22 Python
python 编写简单网页服务器的实例
2018/06/01 Python
Python上下文管理器用法及实例解析
2019/11/11 Python
python:动态路由的Flask程序代码
2019/11/22 Python
python对指定字符串逆序的6种方法(小结)
2020/04/02 Python
Java面试笔试题大全
2016/11/23 面试题
迟到早退检讨书
2014/02/10 职场文书
医院学雷锋活动策划方案
2014/02/15 职场文书
企业精细化管理实施方案
2014/03/23 职场文书
培训班主持词
2014/03/28 职场文书
活动总结怎么写啊
2014/05/07 职场文书
党风廉政建设调研报告
2015/01/01 职场文书
教师思想工作总结2015
2015/05/13 职场文书
主持人大赛开场白
2015/05/29 职场文书