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 编程引入命名空间的方法与代码
Aug 13 Javascript
JavaScript面向对象之静态与非静态类
Feb 03 Javascript
JavaScript高级程序设计阅读笔记(十六) javascript检测浏览器和操作系统-detect.js
Aug 14 Javascript
js中的push和join方法使用介绍
Oct 08 Javascript
javascript右下角弹层及自动隐藏(自己编写)
Nov 20 Javascript
jQuery实现点击图片翻页展示效果的方法
Feb 16 Javascript
jquery实现鼠标滑过显示二级下拉菜单效果
Aug 24 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
Dec 08 Javascript
AngularJS ng-bind-template 指令详解
Jul 30 Javascript
深入理解React中何时使用箭头函数
Aug 23 Javascript
在vue-cli中组件通信的方法
Dec 16 Javascript
vue 导航守卫和axios拦截器有哪些区别
Dec 19 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中base_convert()进制数字转换函数实例
2014/11/20 PHP
PHP自定义函数实现格式化秒的方法
2016/09/14 PHP
PHP使用glob方法遍历文件夹下所有文件的实例
2018/10/17 PHP
用js重建星际争霸
2006/12/22 Javascript
jQuery 对象中的类数组操作
2009/04/27 Javascript
捕获键盘事件(且兼容各浏览器)
2013/07/03 Javascript
jQuery 的全选(全非选)即取得被选中的值使用介绍
2013/11/12 Javascript
JSONP跨域的原理解析及其实现介绍
2014/03/22 Javascript
用JavaScript实现一个代码简洁、逻辑不复杂的多级树
2014/05/23 Javascript
在JavaScript中正确引用bind方法的应用
2015/05/11 Javascript
jQuery使用ajax跨域获取数据的简单实例
2016/05/18 Javascript
纯jQuery实现前端分页功能
2017/03/23 jQuery
jQuery动态追加页面数据以及事件委托详解
2017/05/06 jQuery
Vue-router 中hash模式和history模式的区别
2018/07/24 Javascript
js面向对象之实现淘宝放大镜
2020/01/15 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
2020/03/10 Javascript
javascript单张多张图无缝滚动实例代码
2020/05/10 Javascript
[03:42]2014DOTA2国际邀请赛 第三日比赛排位扑朔迷离
2014/07/12 DOTA
[43:48]Ti4正赛第一天 VG vs NEWBEE 2
2014/07/19 DOTA
Python中判断输入是否为数字的实现代码
2018/05/26 Python
Python制作动态字符图的实例
2019/01/27 Python
Python中三元表达式的几种写法介绍
2019/03/04 Python
让你Python到很爽的加速递归函数的装饰器
2019/05/26 Python
python小程序实现刷票功能详解
2019/07/17 Python
从pandas一个单元格的字符串中提取字符串方式
2019/12/17 Python
html5 canvas-2.用canvas制作一个猜字母的小游戏
2013/01/07 HTML / CSS
英国天然抗衰老护肤品品牌:Nakin Skin Care
2019/04/16 全球购物
捷科时代的软件测试笔试题
2015/11/09 面试题
写好自荐信的几个要点
2013/12/26 职场文书
船舶专业个人求职信范文
2014/01/02 职场文书
优秀毕业生自我鉴定
2014/01/19 职场文书
安全标语口号
2014/06/09 职场文书
2015商场元旦促销活动策划方案
2014/12/09 职场文书
狮子林导游词
2015/02/03 职场文书
毕业生党员个人总结
2015/02/14 职场文书
赡养老人协议书范本
2015/08/06 职场文书