小编Edu*_*doK的帖子

选择“radio”时更改 div 的背景颜色

当选择输入时,我需要更改输入(单选类型)的父 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)

html javascript css

1
推荐指数
1
解决办法
970
查看次数

标签 统计

css ×1

html ×1

javascript ×1