변화 현재 버튼의 이미지를 표시하고

Question

내가 몇 가지 버튼이 기본값으로 다른 변경 : 내가 그들 중 하나가 다음 눌러

<button class="image1-button"><img src="images/button_unselected.png"></button> 
<button class="image1-button"><img src="images/button_unselected.png"></button> 
<button class="image1-button"><img src="images/button_unselected.png"></button> 
<button class="image1-button"><img src="images/button_unselected.png"></button> 

일 :

$(".image1-button").click(function(){ 
$(this).find("img").attr("src", "images/button_selected.png"); 
}); 

어떻게 내가 말할 수를 다른, 의미하지는 않습니다 (이) src "images/button_unselected"는 항상 현재 눌려진 버튼에만 "button_selected"를 갖습니다.

감사합니다!

Answer 1

이 같이

:

$(".image1-button").click(function(){ 
    //Reset all 
    $(".image1-button").find("img").attr("src", "images/button_unselected.png"); 
    //mark current 
    $(this).find("img").attr("src", "images/button_selected.png"); 
}); 

Answer 2

 
$(".image1-button").click(function(){ 
    $(this).find("img").attr("src", "images/button_selected.png") 
    $(this).siblings().find("img").attr("src", "images/button_unselected.png") 
});