JQuery-复选框的操作(摘自<锋利的JQuery>)

最新推荐文章于 2020-12-09 05:32:59 发布

山茶树和葡萄树

最新推荐文章于 2020-12-09 05:32:59 发布

阅读量348

点赞数

分类专栏： web前端文章标签：复选框的操作

web前端专栏收录该内容

72 篇文章 0 订阅

订阅专栏

$('#CheckAll').on('click',function(){
    //--way 1
    $('[name=InputName]:checkbox').attr('checked':true);
    //--way 2
    if(this.checked){
        $('[name=InputName]:checkbox').attr('checked':true);       
    }
    else{
        $('[name=InputName]:checkbox').attr('checked':false);
    }
    //--way 3
        $('[name=InputName]:checkbox').attr('checked':this.checked);   
});

$('#CheckNo').on('click',function(){
    $('[name:InputName]:checkbox').attr('checked':false);
});

$('#CheckInvert').on('click',function(){
    $('[name:InputName]:checkbox').each(function(){
        //--way 1
        $(this).attr('checked',!$(this).attr('checked'));
        //--way 2
        this.checked=!this.checked;
    });
});

$('#GetVal').on('click',function(){
    var strVal="";
    $('[name:InputName]:checkbox:checked').each(function(){
        strVal+=$(this).val()+'\r\n';
    });
});

$('[name:InputName]:checkbox').on('click',function(){
    //--way 1
    var bCheckAll=true;
    $('[name:InputName]:checkbox').each(function(){
        if(!this.checked){
            bCheckAll=false;
        }
    });
    $('#CheckAll').attr('checked',bCheckAll);
    //--way 2
    var $checkbox=$('[name:InputName]:checkbox');
    $('#CheckAll').attr('checked',$checkbox.length==$checkbox.filter(':checked').length);
});