javascript - Bezüglich des Optionsfeldproblems bin ich ein Neuling und hoffe, dass mir jemand helfen kann.

Question

Das Unternehmen möchte eine Veranstaltungsseite mit 4 Schaltflächen erstellen. Wenn auf die Schaltfläche geklickt wird, entspricht diese dem ausgewählten Status und das Hintergrundbild wird geändert.

So stellen Sie den vorherigen Zustand wieder her, wenn Sie auf den nächsten klicken.

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:

.btn {
    background-image:url(default);
}

.btn.sel {
    background-image:url(sel.png);
}

javascript:

//step1 清除所有含有sel按钮的sel样式 $('.btn.sel').removeClass('sel');
//step2 给当前触发事件的btn增加sel样式 $(this).addClass('sel')