jquery 完成checkbox的全选功能

最新推荐文章于 2024-05-08 17:11:32 发布

qq琦

最新推荐文章于 2024-05-08 17:11:32 发布

阅读量459

点赞数

分类专栏： php/正则/jquery/开发语言文章标签： jquery checkbox

本文链接：https://blog.csdn.net/u010265663/article/details/46834785

版权

php/正则/jquery/开发语言专栏收录该内容

71 篇文章 0 订阅

订阅专栏

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()">全选