Javascript jQuery：如果列表项中的单选按钮已选中，则添加类

如果列表项中有一个活动的单选按钮，我想添加一个自己的类

我尝试使用此代码添加一个类，但我猜其中有一个错误：

$（'input'）。更改（函数（）{
var check=$（'.wc\u payment\u method'）.map（函数（e）{
return$（this.find（'input[type=“radio”]'）。是（':checked'））
}).get（）
$（'wc_payment_method'）.addClass（'active'）；
})

.wc\u付款方法{padding:10rem；}
.active{背景色：#eee；}

贝宝


信用卡

• 使用

  .each（）

• 选择

  $（this.nexist（'selector'）

  以最接近的选择器为目标
• 使用

  .toggleClass（'className'，Boolean）

  切换类

const$inp=$（'[name=“payment_method”]'）；
$inp.on（“更改”，函数（）{
$inp.each（函数（）{
$（this）.closest（'.wc\u payment\u method'）。toggleClass（'active'，this.checked）；
});
});
.active{background:gold；}


贝宝


信用卡


$（'.input radio:checked'）。每个（函数（）{$（this.parent（）.addClass（'active'）））谢谢！我试过了，但没有效果：-/请回答问题并通过单击
菜单添加实时代码片段。完成，这是您需要的吗？是的。同时在代码段中添加相应的CSS类
active
。谢谢，我已经尝试了你的代码，但没有显示任何效果。但也没有错误？！CSS不是选项，因为我需要向父元素添加样式。@Cray奇怪，我为您提供了工作片段，工作起来很有魅力。我猜不出来。@Cray这似乎像你在问题中所说的那样有效。代码无法工作的原因是您将类应用于所有元素。如果这不起作用，请添加正在发生的事情的描述。@Cray有4行JS，请研究它-并尝试找出应用于代码所需的更改。也许这只是改变一个选择器的问题。也许这个评论应该是关于这个问题的。它在
$（'.wc_payment_method'）.addClass（'active'）中表示，选择器将选择具有此类的所有
li
元素。这就是原因，该类应用于所有
li
s，而不管是否检查了其中的收音机。