当选择输入时,我需要更改输入(单选类型)的父 div 的背景颜色,但是,如果用户选择另一个输入,则原始 div 需要返回到其原始颜色,并更改 div新选择的输入。到目前为止,我只创建了一个根据所选输入更改 div 颜色的函数,因此如果我单击另一个输入,两个 div 的颜色都会更改。我为此寻找了解决方案,但找不到任何解决方案。到目前为止,代码是这样的:
function changeBg(posicao) {
var changer = document.getElementById(posicao);
if (changer.checked = true) {
changer.style.backgroundColor = "#FFCE00";
}
}Run Code Online (Sandbox Code Playgroud)
<div class="posicao" id="um">
<input class="input-posicao " onclick="changeBg('um')" name="posicao" value="um" type="radio">
</div>
<div class="posicao" id="dois">
<input class="input-posicao " onclick="changeBg('dois')" name="posicao" value="dois" type="radio">
</div>
<div class="posicao">
<input class="input-posicao" onclick="changeBg('tres')" name="posicao" value="tres" type="radio">
</div>
<div class="posicao">
<input class="input-posicao" onclick="changeBg('quatro')" name="posicao" value="quatro" type="radio">
</div>
<div class="posicao">
<input class="input-posicao" onclick="changeBg('cinco')" name="posicao" value="cinco" type="radio">
</div>
<div class="posicao">
<input class="input-posicao" …Run Code Online (Sandbox Code Playgroud)