Jquery CheckBox全选方法代码附js checkbox全选反选代码

 更新时间:2010年06月09日 09:51:00   作者:  
喜欢上了Jquery的简便、明了···与用JavaScript写的比起来真的有点差距!
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;
}
}
}

相关文章

  • jquery实现不同大小浏览器使用不同的css样式表的方法

    jquery实现不同大小浏览器使用不同的css样式表的方法

    这篇文章主要介绍了jquery实现不同大小浏览器使用不同的css样式表的方法,需要的朋友可以参考下
    2014-04-04
  • PHP+jquery+ajax实现分页

    PHP+jquery+ajax实现分页

    这篇文章主要为大家详细介绍了PHPjquery+ajax实现分页的代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 使用jQuery在移动页面上添加按钮和给按钮添加图标

    使用jQuery在移动页面上添加按钮和给按钮添加图标

    这篇文章主要介绍了使用jQuery在移动页面上增加按钮和给按钮添加图标的方法,用到了针对移动开发的jQuery mobile库,需要的朋友可以参考下
    2015-12-12
  • jquery中this的使用说明

    jquery中this的使用说明

    在使用jquery操作js时,经常整不明白this与$(this)。抽空仔细测试了一把,记录下来以供在忘记的时候拉出来参考参考!
    2010-09-09
  • jQuery实现导航栏头部菜单项点击后变换颜色的方法

    jQuery实现导航栏头部菜单项点击后变换颜色的方法

    这篇文章主要介绍了jQuery实现导航栏头部菜单项点击后变换颜色的方法,涉及jQuery响应鼠标事件针对页面元素的遍历及属性变换相关操作技巧,需要的朋友可以参考下
    2017-07-07
  • 广泛收集的jQuery拖放插件集合

    广泛收集的jQuery拖放插件集合

    jQuery允许您创造时尚而又用户体验友好的网站,不仅看起来悦目,而且他轻量级的大小负荷使网站响应相当迅速。这是jQuery在Web开发领域如此受重视的原因
    2012-04-04
  • jQuery多文件异步上传带进度条实例代码

    jQuery多文件异步上传带进度条实例代码

    这篇文章主要介绍了jQuery多文件异步上传带进度条实例代码,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • 不定义JQuery插件 不要说会JQuery

    不定义JQuery插件 不要说会JQuery

    不定义JQuery插件,不要说会JQuery,为什么这么说,请看下文
    2016-03-03
  • jQuery 表格插件整理

    jQuery 表格插件整理

    本文搜集了大量 jQuery 表格插件,帮助 Web 设计者更好地驾御 HTML 表格,你可以对表格进行横向和竖向排序,设置固定表头,对表格进行搜索,对大表格进行分页,对表格进行滚动,拖放操作等等。这些插件很多都包含详细的教程。
    2010-04-04
  • 深入理解jQuery之事件移除

    深入理解jQuery之事件移除

    下面小编就为大家带来一篇深入理解jQuery之事件移除。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06

最新评论