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 学习笔记(四)
Dec 31 Javascript
重写javascript中window.confirm的行为
Oct 21 Javascript
document节点对象的获取方式示例介绍
Dec 24 Javascript
javascript制作loading动画效果 loading效果
Jan 14 Javascript
js的各种排序算法实现(总结)
Jul 23 Javascript
jquery插件uploadify多图上传功能实现代码
Aug 12 Javascript
BootStrap入门教程(一)之可视化布局
Sep 19 Javascript
Vue form 表单提交+ajax异步请求+分页效果
Apr 22 Javascript
jquery Form轻松实现文件上传
May 24 jQuery
Vue2仿淘宝实现省市区三级联动
Apr 15 Javascript
JS中Object对象的原型概念基础
Jan 29 Javascript
JS中移除非数字最多保留一位小数
May 09 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
索尼SONY ICF-SW7600GR电路分析与改良
2021/03/02 无线电
分享最受欢迎的5款PHP框架
2014/11/27 PHP
php实现refresh刷新页面批量导入数据的方法
2014/12/23 PHP
php实现的http请求封装示例
2016/11/08 PHP
利用PHP获取网站访客的所在地位置
2017/01/18 PHP
Yii2框架中日志的使用方法分析
2017/05/22 PHP
页面中body onload 和 window.onload 冲突的问题的解决
2009/07/01 Javascript
JQuery循环滚动图片代码
2011/12/08 Javascript
基于JQuery的一句话搞定手风琴菜单
2012/09/14 Javascript
JavaScript模板入门介绍
2012/09/26 Javascript
Web跨浏览器进程通信(Web跨域)
2013/04/17 Javascript
javascript实现继承的简单实例
2015/07/26 Javascript
JavaScript_object基础入门(必看篇)
2016/06/13 Javascript
react高阶组件经典应用之权限控制详解
2017/09/07 Javascript
vue2 前端搜索实现示例
2018/02/26 Javascript
jQuery实现遍历XML节点和属性的方法示例
2018/04/29 jQuery
Vue不能检测到Object/Array更新的情况的解决
2018/06/26 Javascript
vue使用lodop打印控件实现浏览器兼容打印的方法
2021/02/07 Vue.js
python监控文件或目录变化
2016/06/07 Python
Python 模块EasyGui详细介绍
2017/02/19 Python
Python中的探索性数据分析(功能式)
2017/12/22 Python
python读取文本中的坐标方法
2018/10/14 Python
python遍历路径破解表单的示例
2020/11/21 Python
分享一个python的aes加密代码
2020/12/22 Python
css3进行截取替代js的substring
2013/09/02 HTML / CSS
国外最大的眼镜网站:Coastal
2017/08/09 全球购物
构造器Constructor是否可被override?
2013/08/06 面试题
宿舍违规检讨书
2014/01/12 职场文书
财务负责人任命书
2014/06/06 职场文书
社会实践的活动方案
2014/08/22 职场文书
党的群众路线教育实践活动个人对照检查材料范文
2014/09/25 职场文书
综合实践活动报告
2015/02/05 职场文书
小学中队委竞选稿
2015/11/20 职场文书
python基础之while循环语句的使用
2021/04/20 Python
PyTorch 实现L2正则化以及Dropout的操作
2021/05/27 Python
MySQL的索引你了解吗
2022/03/13 MySQL