jquery操作checkbox实现全选和取消全选

 更新时间:2014年05月02日 10:06:37   作者:   我要评论
这篇文章主要介绍了jquery操作checkbox实现全选和取消全选,需要的朋友可以参考下
今天这样写了一个全选和取消全选的功能:

全选:$(":checkbox").attr("checked","checked");

取消全选:$(":checkbox").removeAttr("checked");

获取选中的:$(":checked[checked='checked']")

发现点全选可以,在点取消全选也可以,获取选中的失效,接下来再点任何按钮都没有效果了

这样行不通,我也不太清楚什么原因,脚本语言就这毛病,一边灵活一边诡异,也不去找原因了,后来改成这样写

全选: $(":checkbox").prop("checked",true)

取消全选:$(":checkbox").prop("checked",false)

获取选中的:$(":checkbox:checked")

反选:
复制代码 代码如下:

$(":checkbox").each(function(){
if($(this).prop("checked")){
$(this).prop("checked",false);
}else{
$(this).prop("checked",true);
}
});

相关文章

  • jQuery Validate 验证,校验规则写在控件中的具体实例

    jQuery Validate 验证,校验规则写在控件中的具体实例

    本篇文章主要是对jQuery Validate 验证,校验规则写在控件中的具体实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • 遍历jquery对象的代码分享

    遍历jquery对象的代码分享

    今天遇到一个问题需要获取tagName,使用jquery,查询了一下,大家说用$("dd").attr("tagName")能获取到,但是得到的返回值是undefined,于是又查询饿了许久,返回遍历了一下jquery封装的对象
    2011-11-11
  • 基于jquery 的一个progressbar widge

    基于jquery 的一个progressbar widge

    这个widget是包含在wijmo 项目中的一个widget。目前此widget已经开源基于mit和gpl双协议,目前是beta版,可能存在bug。
    2010-10-10
  • 6款新颖的jQuery和CSS3进度条插件推荐

    6款新颖的jQuery和CSS3进度条插件推荐

    进度条和Loading加载动画在当今的网页功能中显得越来越重要了,于是接下来为大家推荐几款比较新颖进度条插件,感兴趣的你可以参考下希望可以帮助到你
    2013-03-03
  • jquery遍历select元素(实例讲解)

    jquery遍历select元素(实例讲解)

    本篇文章主要是对jquery遍历select元素的实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • jquery操作 iframe的方法

    jquery操作 iframe的方法

    这篇文章主要介绍了jquery操作 iframe的方法,需要的朋友可以参考下
    2014-12-12
  • jQuery实现多级下拉菜单jDropMenu的方法

    jQuery实现多级下拉菜单jDropMenu的方法

    这篇文章主要介绍了jQuery实现多级下拉菜单jDropMenu的方法,涉及jquery鼠标事件及页面元素遍历的相关技巧,非常具有实用价值,需要的朋友可以参考下
    2015-08-08
  • 如何书写高质量jQuery代码(使用jquery性能问题)

    如何书写高质量jQuery代码(使用jquery性能问题)

    众所周知,jQuery现在已经非常流行,百度新首页中也已经开始使用jQuery,今天总结下怎么书写更好的jQuery代码使jQuery代码更好、更快的执行,希望本篇jQuery教程一改大家以前不合理的做法
    2014-06-06
  • jQuery+php实时获取及响应文本框输入内容的方法

    jQuery+php实时获取及响应文本框输入内容的方法

    这篇文章主要介绍了jQuery+php实时获取及响应文本框输入内容的方法,涉及jQuery响应键盘事件及ajax调用php文件针对输入内容的处理与回调相关技巧,非常简单易懂,需要的朋友可以参考下
    2016-05-05
  • jQuery定义背景动态切换效果的方法

    jQuery定义背景动态切换效果的方法

    这篇文章主要介绍了jQuery定义背景动态切换效果的方法,实例分析了jQuery操作图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03

最新评论