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"); 
        } 
    })


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM