javascript - 關於單選框的問題，小白一枚，希望有人幫忙

Question

公司要做個活動頁，4個按鈕，點選按鈕的時候，就等於選取狀態，更換背景圖片。

點擊下一個的時候，如何讓上一個恢復到原來的狀態。

Answer 1

按鈕圖片寫進background-image裡，選取的就加class覆蓋圖片

Answer 2

這個編輯工具，我猜可能是dw。 。 。然後這程式碼也是透露著一股小清新的氣息。
首先我跟你講，寫切換不是你這樣寫的，這種寫法只有少部分修魔的才會這樣寫，不拘一格。我們修仙的一般都會透過修改class來達到目的。
簡單點的寫法:

<p class="item">
    <img src="unchoose.png" class="unchoImg" >
    <img src="choose.png" class="choImg">
</p>

<style>
.choImg{
    display : none;
}

.choose .unchoImg{
    display : none;
}

.choose .choImg{
    display : block;
}
</style>

這時我們透過js操作 “choose” 這個class名就可以達到對應的目的了。

Answer 3

首先你這個IMG都沒有ID你這裡寫這個ID幹嘛，要用ID控制的話先把ID加上去吧…………
然後你可以弄兩個按鈕的樣式，一個選中的一個未選中的。然後用js控制點選一個按鈕時將這個按鈕的CSS加入選取的樣式，再清除其他按鈕的選取樣式就可以了。

Answer 4

CSS：

雷雷

javascript:

雷雷