关闭

jquery 完成checkbox的全选功能

标签: jquerycheckbox
293人阅读 评论(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()">全选
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:69963次
    • 积分:1938
    • 等级:
    • 排名:千里之外
    • 原创:136篇
    • 转载:5篇
    • 译文:0篇
    • 评论:16条
    文章分类