实现checkbox全选打钩及消除,点击单个checkbox打钩及消除JS代码实现

来源:互联网 发布:大数据探索性分析 编辑:程序博客网 时间:2024/05/01 20:48
<script type="text/javascript">
$(function(){
    $('.checkbox3').bind('click',function(){
var _this = $(this);
        var checkCss    = 'url(/App/Modules/Notice/Public/Img/bullelin.png) 0 -144px no-repeat';
        var noCheckCss  = 'url(/App/Modules/Notice/Public/Img/bullelin.png) 0 -94px no-repeat';
        var flag = _this.attr('x-data');
var nowFlag = 0; 
        if(flag==0){

           nowFlag = 1;
           _this.attr('x-data',nowFlag);
           _this.css('background',checkCss);
 
        }else{
           nowFlag = 0;
           _this.attr('x-data',nowFlag);
           _this.css('background',noCheckCss);
        }         
        /*全选*/
        var notAll = false;
        if(_this.attr('title')=='全选'){
            $('.checkbox3').attr('x-data',nowFlag);
            if(nowFlag==1){
$('.icon_delete').css('display','inline-block');  
                $('.checkbox3').css('background',checkCss);
            }else{
$('.icon_delete').css('display','none');  
                $('.checkbox3').css('background',noCheckCss);
            }
return false;
        }
/*非全选*/
 if(nowFlag==1){
$('.icon_delete').css('display','inline-block');  
_this.css('background',checkCss);
}else{
$('.icon_delete').css('display','none');  
_this.css('background',noCheckCss);
}
        
    });

});
</script>
0 0
原创粉丝点击