0

私はいくつかのボタンを持っています:

<button class="image1-button" data-image="bg_images/1.jpg"><img src="images/button.png"></button>
<button class="image1-button" data-image="bg_images/2.jpg"><img src="images/button.png"></button>
<button class="image1-button" data-image="bg_images/3.jpg"><img src="images/button.png"></button>
<button class="image1-button" data-image="bg_images/4.jpg"><img src="images/button.png"></button>

それらの1つが押された場合、選択されたボタンと選択されていないボタンのようにimgを変更したい。

<button class="image1-button" data-image="bg_images/4.jpg"><img src="images/button_selected.png"></button>

私の考えはクリック機能を実行することでしたが、ページにはたくさんのボタン (25 以上) があり、さまざまな画像を追加するための 25 のクリック機能が正しい方法だとは思いません。どんな助けでも感謝します、ありがとう!

4

3 に答える 3

3

25 個のクリック イベントは必要ありません。

$(".image1-button").click(function(){
   $(".image1-button img").attr("src", "images/button.png")
   $(this).find("img").attr("src", "images/button_selected.png");
});
于 2013-02-11T11:59:58.387 に答える
1

トグル機能を使用して、このように 2 つの画像を切り替えることができますここにリンクの説明を入力してください,

$('.image1-button').click(function(){

   $(this).find('img').toggle('src', $(this).data('image'));

});
于 2013-02-11T11:59:31.203 に答える
0
$(.image1-button).click(function(){
$(this).children('img').attr("src","images/button_selected.png");


})
于 2013-02-11T12:00:02.803 に答える