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三种情况的全选功能

本文章总结jQuery实现checkbox三种情况的全选功能 第一种:等值全选,也称name的等值全选,通过checkbox的名称name实现。 第二种:模糊全选,也称id模糊全选,通过check...

JQuery 控制 checkbox 实现全选/反选功能

1.全选/反选功能按钮也是checkbox类型 ,排除两者同时选中的情况 2.checkbox 子菜单对全选按钮反向控制 js部分: $(function(){ $("#all"...

checkbox jQuery实现的全选、反选和不选功能

参考文章:http://www.runoob.com/try/try.php?filename=tryjquery_html_prop_attr       http://www.runoo...

jQuery操作动态生成的Checkbox,完成全选和反选,以删除某一行或几行

情境描述:        最近项目需要,

Jquery_Checkbox 完成全选,反选和全不选

Jquery对checkbox的实现全选,反选和全不选 对Jquery的学习还需要加强,   下面是代码截图 下面是部分实现代码,对Jquery选择器还是...

listview带checkbox全选、取消功能

  • 2017年01月09日 16:44
  • 42.55MB
  • 下载

jquery实现checkbox全选功能,第二次点击【全选】按钮,页面无法勾选

去面试,老多人问会不会jquery啊,会不会

利用jQuery完成全部选中,只要一个没选中全选按钮就不选中功能

test.html --> 选项1 选项2 选项3 选项4 选项5 全选 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 完成checkbox的全选功能
举报原因:
原因补充:

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