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