jquery 完成checkbox的全选功能

原创 2015年07月10日 20:36:52

jquery代码

<script type="text/javascript">
    function allcher(){
        if($('#allche').is(':checked')){  //判断全选框是否被选中
            $('input[name="nnn"]').each(function(){  //name为nnn的换成选中状态
                this.checked = true;
            })
        }else{ //若不为选中状态
            $('input[name="nnn"]').each(function(){ //name为nnn的换成未被选中状态
                this.checked=false;
            })
        }
    }

html代码

<input type="checkbox" name="nnn">值1<input type="checkbox" name="nnn">值2<input type="checkbox" name="nnn">值3<br/>
    <input type="checkbox" id="allche" onclick="allcher()">全选
版权声明:本文为博主原创文章,未经博主允许不得转载。

JQuery一个checkbox实现全选/全不选,取消子checkbox时,全选checkbox取消对号

JQuery一个checkbox实现全选/全不选,取消子checkbox时,全选checkbox取消对号
  • fumier
  • fumier
  • 2014年12月08日 19:30
  • 2548

jquery实现复选框的全选操作

最近做了个需求,需要实现列表复选框的全选/取消全选操作,由于之前对这块不是很了解,所以从网上查了一些资料,虽然有各种实现方法,但没找到直接可以套用的。自己琢磨了下,把功能实现,整理如下。 实现细节如...
  • mj158518
  • mj158518
  • 2016年07月20日 00:30
  • 3397

jquery checkbox 全选 反选 子级全选默认选中父级

js中: label>input type="checkbox" id="cb_all"/>全选label>         label>input type="checkbox" class...
  • tan01234
  • tan01234
  • 2017年08月31日 15:06
  • 192

table表格的checkbox的全选和选中

表格 --> --> --> 列表 ...
  • NotBad_
  • NotBad_
  • 2016年12月22日 14:26
  • 2043

checkbox 全选/反选功能的 jquery插件(支持多页保持选择)

XCheck为checkbox 全选/反选功能的 jquery插件,支持多页情况下保存已选项的情况。...
  • luoyeyu1989
  • luoyeyu1989
  • 2016年02月09日 17:58
  • 2434

解决jquery操作checkbox全选全不选无法勾选问题

解决jquery操作checkbox全选全不选无法勾选问题 标签: jquerycheckbox 2015-08-05 14:41 262人阅读 评论(0) 收藏 举报  分...
  • a9254778
  • a9254778
  • 2015年11月26日 08:29
  • 1115

HTML 复选框 checkbox 的 JavaScript 的全选和全反选

checkbox 或者按钮实现 form 内的 checkbox 全选或者反选,代码很简单,全部代码如下: Insert title here 序号 选择 ...
  • joyous
  • joyous
  • 2013年09月30日 11:16
  • 33035

icheck结合datatable使用方法及实现全选、反选功能

本文主要内容是介绍icheck的简单使用方法 及结合datatable实现全选及反选功能 尾部附上完整代码...
  • zyddj123
  • zyddj123
  • 2017年08月02日 14:29
  • 2165

Android中checkbox全选功能的简单实现

checkbox是Android中的一个常用的控件,其中全选功能是对其功能实现的一个简单的扩展,那么接下来我们来看一下要如何实现全选功能。 首先,我们先创建一个普通的项目,修改其activity_m...
  • s402621342
  • s402621342
  • 2017年05月28日 13:42
  • 1069

jquery操作checkbox方法(全选、全不选、至少选择一个、选择值/文本)

在实际开发中我们经常操作checkbox,不仅仅要获得checkbox选中的值,还有获得选中的文本,以下给出demo,使用jquery方法操作checkbox demo: ...
  • u014079773
  • u014079773
  • 2016年08月30日 17:33
  • 2829
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 完成checkbox的全选功能
举报原因:
原因补充:

(最多只允许输入30个字)