圖片切換實現選中-未選中效果

 

      預先準備兩張圖片表示選中與未選中，當點擊該元素時進行選中與未選中圖片的切換，便可實現選中與未選中，而後根據該元素的src屬性判斷是否選中，而後判斷該執行什麼操做：

    <div class="way-choose ">
        <img  class="choose radio-select" src="select.png"/>
    </div>

 

$(".way-choose").click(function(obj){
    if($(".choose").attr("src")=="select.png"){
        $(".choose").attr("src","not-select.png");
    }else if($(".choose").attr("src")=="not-select.png"){
        $(".choose").attr("src","select.png");
    }
});

 

if($(".choose").attr("src")=="select.png"){
   alert("選中了");

}else if($(".choose").attr("src")=="not-select.png"){
   alert("未選中")  
}