jquery checkbox全选、取消全选实现代码

 更新时间:2010年03月05日 16:55:24   作者:  
jquery实现checkbox全选、取消全选的代码。

复制代码 代码如下:

<script src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js"></script>
<input type="checkbox" name="checkbox_name[]” id=”checkbox_name_1″ />1<br /> <input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ />2<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ />3<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_4″ />4<br />
<input type=”checkbox” name=”checkedAll” id=”checkedAll”/>全选/取消全选
<script type="text/javascript"><!--
$(function() {
$("#checkedAll").click(function() {
if ($(this).attr("checked") == true) { // 全选
$("input[name='checkbox_name[]']").each(function() {
$(this).attr("checked", true);
});
} else { // 取消全选
$("input[name='checkbox_name[]']").each(function() {
$(this).attr("checked", false);
});
}
});
});
// -->
</script>

相关文章

  • jQuery插件MixItUp实现动画过滤和排序

    jQuery插件MixItUp实现动画过滤和排序

    MixItUp过滤排序jQuery插件是一款鼠标滑过图片显示描述的jQuery过滤排序插件。是一款轻量,但功能强大的 jQuery 插件,提供了对分类和有序内容的美丽的动画过滤和排序功能。特别适合用于作品集网站,画廊,图片博客以及任何的分类或有序内容。
    2015-04-04
  • jquery实现红色竖向多级向右展开的导航菜单效果

    jquery实现红色竖向多级向右展开的导航菜单效果

    这篇文章主要介绍了jquery实现红色竖向多级向右展开的导航菜单效果,涉及jquery鼠标hover事件结合class样式动态添加与删除的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • php跨域调用json的例子

    php跨域调用json的例子

    本文简单说明php用json如何跨域调用,一个小例子,大家看一下就明白
    2013-11-11
  • jQuery 重复加载错误以及修复方法

    jQuery 重复加载错误以及修复方法

    本文主要记录了在项目中遇到jQuery重复加载导致依赖jQuery的js全部失效然后一步步分析,得出最终解决方案的全部过程,主要是记录下来,提醒自己以后不要再犯相同错误。
    2014-12-12
  • jQuery实现菜单感应鼠标滑动动画效果的方法

    jQuery实现菜单感应鼠标滑动动画效果的方法

    这篇文章主要介绍了jQuery实现菜单感应鼠标滑动动画效果的方法,实例分析了jQuery中鼠标事件及animate的使用技巧,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • JQuery扩展插件Validate 2通过参数设置验证规则

    JQuery扩展插件Validate 2通过参数设置验证规则

    在前面示例中使用的的方法简单方便,但没有完全将js与页面结构完全分离,也就是说js依赖了class,下面通过validate()方法的参数设置验证规则将js与页面结构完全分离
    2011-09-09
  • 基于jquery的代码显示区域自动拉长效果

    基于jquery的代码显示区域自动拉长效果

    今天看到一个技术类网站,在显示代码的地方,边框会拉长,很方便用户阅读体验,特看了下代码,原理很简单,使用了jquery,不适用也可以实现
    2011-12-12
  • jQuery操作CheckBox的方法介绍(选中,取消,取值)

    jQuery操作CheckBox的方法介绍(选中,取消,取值)

    本篇文章主要是对jQuery操作CheckBox的方法(选中,取消,取值)进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • jQuery实现高亮显示的方法

    jQuery实现高亮显示的方法

    这篇文章主要介绍了jQuery实现高亮显示的方法,涉及jQuery样式控制的addClass与removeClass方法使用技巧,需要的朋友可以参考下
    2015-03-03
  • Jquery实现的一种常用高亮效果示例代码

    Jquery实现的一种常用高亮效果示例代码

    本篇文章只要是对Jquery实现的一种常用高亮效果示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01

最新评论