Javascript 如何在选中Radio按钮时向div添加背景色

我想，当单选按钮处于选中状态时，div将采用不同的背景色。当收音机被检查时，似乎整个div都被选中了

选中.pricing-option.one中的单选按钮后，.pricing-option.one将采用背景色。并在.pricing-option.two内选中，.pricing-option.two将采用背景色，与其他颜色相同

如图所示：

我不知道怎么做，有人能帮我吗

这是我的代码：

50
彩票

17%
获胜机会

€114.99
€14.99
你省了100欧元

200
彩票

68%
获胜机会

€126.40
€26.40
你省了100欧元

400
彩票

87%
获胜机会

€149.9
€49.9
你省了100欧元

您可以使用它，我还没有测试过它，但想法是当您选中任何单选按钮时，将所有容器的颜色更改为未选择的背景色，然后将单选按钮的容器更改为选择的背景色

 $('input:radio').change(
          var selectedElement=$(this);
          $('.pricing-option').each(function(){
            $(this).css('background','yournonselectedcolor');
          });
          selectedElement.closest('.pricing-option').css('background','yourcolorhere');
        ); 

---

您可以使用单选按钮后面的空

并使用选择器从中绘制背景颜色：

：checked+label

它包括：

position:relative

+

absolute

，coordonates和

z-index

，如果列没有背景，则可以工作。如果列没有背景，则所有子项也需要相对定位和正z-index，在这种情况下，标签不需要z-index

在下面的演示片段中，单击单选按钮添加背景颜色：）

。定价选项{
位置：relative；/*这告诉绝对子对象它所处的位置*/
}
：选中+标签{
位置：绝对位置；
/*协调以到达相对父容器的每一侧*/
排名：0；
左：0；
右：0；
底部：0；
背景：浅蓝色；
z索引：-1；/*将其放在容器下方*/
}

50
彩票

17%
获胜机会

€114.99
€14.99
你省了100欧元

200
彩票

68%
获胜机会

€126.40
€26.40
你省了100欧元

400
彩票

87%
获胜机会

€149.9
€49.9
你省了100欧元

如果我理解错了，请纠正我。您试图在单击子单选按钮时更改tr的颜色。这个部门是干什么的？Slighlty修改了JG Estevez的js，它成功了

$('input:radio').change(function(){
  var selectedElement=$(this);
  $('tr').each(function(){
    $(this).css('background','#fff');
  });
  selectedElement.closest('tr').css('background','coral');
});

---

我将空标签用于自定义单选按钮样式。因此，我认为这种方式无助于解决这个问题。不过，感谢您的帮助：）@ShamsulIslamSujon好的，标签是否已定位，是否仍然是一个伪免费使用？--否则，如果这种方式适合您，只需插入任何空标记（span、i、i，无论什么）。-----该技术只需要在输入后添加一个标签，即标签或其他不重要的东西，而不是通过+或~选择。我已经尝试过了……但它没有改变任何东西。这是直播页面，你能看一下吗？你也可以从这里下载整个文件。如果你能解决这个问题，我将非常感谢你：）嗨。多哥。看来你查过我的密码了。。。我把事情搞砸了。。。。我制作了两个定价表…一个用于桌面视图，另一个用于移动视图。以上代码用于移动视图。是的，我也尝试在点击儿童单选按钮时改变tr的颜色。但我想，如果我能想出它的功能…我也可以为桌面定价表。希望你能理解。你的代码就像桌面桌面上的一个魔咒：D现在我正在研究代码，并试图在mobileview上也这样做。非常感谢您的帮助：）是的…它现在可以用于移动和桌面定价表：D查看>>