Jquery 全选反选实例代码

 更新时间:2015年11月19日 15:13:02   转载 投稿:mrr  
本文给大家介绍基于jquery代码实现的全选全不选反选实例代码,代码简单易懂,非常实用,感兴趣的一起学习吧

本文给大家分享一段基于jQuery的全选、反选和不选功能的代码,适用于网页多选后需要进行批量操作的场景(如批量删除等)。文章结合实例,代码简洁,基本覆盖选项选择操作的方方面面,希望可以帮到有需要的WEB爱好者。

//全选 全不选

 $('#checkAll').click(function () {
  //判断是否被选中
  var bischecked = $('#checkAll').is(':checked');
  var fruit = $('input[name="check"]');
  bischecked ? fruit.attr('checked', true) : fruit.attr('checked', false);
 });

//反选   遍历checkbox 如果当前为选中 就设置为 不选中 反之相同

 $("#tabVouchList tr").each(function () {
  if ($("td:eq(0) input[name='check']", $(this)).is(':checked')) {
   $(this).attr('checked', false);
  } else {
   $(this).attr('checked', true);
  }
 });

 HTML table

<table id="tabVouchList">
 <tr>
  <th>
   <input type="checkbox" name="checkAll" />
  </th>
  <th>
   行号
  </th>
  <th>
   名称
  </th>
 </tr>
 <tr>
  <td>
   <input type="checkbox" name="check" />
  </td>
  <td>
   行号
  </td>
  <td>
   名称
  </td>
 </tr>
</table>

以上代码就是jquery实现全选全不选反选的全部代码,代码是不是很简单啊,希望对大家工作学习有所帮助。

相关文章

  • jQuery实现的滑块滑动导航效果示例

    jQuery实现的滑块滑动导航效果示例

    这篇文章主要介绍了jQuery实现的滑块滑动导航效果,涉及jQuery事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下
    2018-06-06
  • 20个最新的jQuery插件

    20个最新的jQuery插件

    jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入一些非常好的效果
    2012-01-01
  • 分享8款优秀的 jQuery 加载动画和进度条插件

    分享8款优秀的 jQuery 加载动画和进度条插件

    加载动画和进度条在网站和 Web 应用中的使用非常流行。虽然网速越来越快,但是我们的网站越来越复杂,同时用户对网站的使用体验的要求也越来越高
    2012-10-10
  • jquery 简单应用示例总结

    jquery 简单应用示例总结

    jquery 想必大家早已如雷贯耳,本文整理了一些在实际应用中比较常见的功能片段,感兴趣的朋友可以学习下哦,需要改进的地方希望大家不惜指教
    2013-08-08
  • JQuery在循环中绑定事件的问题详解

    JQuery在循环中绑定事件的问题详解

    下面小编就为大家带来一篇JQuery在循环中绑定事件的问题详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • jquery插件star-rating.js实现星级评分特效

    jquery插件star-rating.js实现星级评分特效

    Bootstrap Star Rating是一个简单而强大的jQuery插件实现星级分数评级。支持像分数星填充和RTL输入先进的功能。在利用纯CSS-3造型使控制重点开发。该插件使用引导标记和造型默认情况下,但它可以覆盖与其他任何CSS的标记。
    2015-04-04
  • jQuery实现统计复选框选中数量

    jQuery实现统计复选框选中数量

    这里给大家分享一段jQuery实现的统计复选框选中数量的代码,非常的实用,有需要的小伙伴们请带走!
    2014-11-11
  • jQuery固定浮动侧边栏实现思路及代码

    jQuery固定浮动侧边栏实现思路及代码

    如果页面比较高,当滚动条拖到页面的下面的时候,侧边栏会出现一个固定跟随浏览器的DIV框,下面将思路及具体实现与大家分享下
    2014-09-09
  • jQuery判断对象是否存在的方法

    jQuery判断对象是否存在的方法

    这篇文章主要介绍了jQuery判断对象是否存在的方法,对比分析了纯javascript与jQuery实现判断对象是否存在的功能区别,是非常实用的技巧,需要的朋友可以参考下
    2015-02-02
  • jQuery Validate表单验证插件 添加class属性形式的校验

    jQuery Validate表单验证插件 添加class属性形式的校验

    这篇文章主要介绍了jQuery Validate表单验证插件,在class属性中添加校验规则进行简单的校验,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-01-01

最新评论