checkbox 修改背景图片 改变样式

  <div class>

                                <input style="margin-top: 5px;" type="checkbox"  name=""/>

                                <label class="check-all"></label> 

                             </div>

 

 

 label{

  display: inline-block;

  padding-left: 20px;

  background: url('../images/user/box-n.png') no-repeat ;

  background-position-y: 2px;

  height: 20px;

}

label.checked{

  background: url('../images/user/box-y.png') no-repeat;

  background-position-y: 2px;

}

 

 

    $('.check-all').click(function(){ 

        if($(this).hasClass("checked")){

            $(this).removeClass("checked"); 

        } else{

            $(this).addClass("checked"); 

        } 

    })