Javascript 如何通过单击特定单选按钮更改div的颜色

stackoverflow社区的大家好

我尝试创建一个本地javascript函数。。。。。 如果单击radioyes按钮，我想将特定发票包装div的背景色更改为红色 或绿色，如果我单击Radio No按钮

我想用这个关键字来做这个

我如何通过本机javascript而不是任何库来实现这一点

祝你好运

    <?php foreach($fetches AS $electricities): ?>

<div class="invoice_wrapper">

<?php if($electricities->paid == "Yes"): ?>

Yes: <input onclick="" class="radioyes" type="radio" name="paid" value="<?php echo $electricities->paid; ?>" checked>
No: <input onclick="" class="radiono" type="radio" name="paid" value="No">

<?php else: ?>

Yes: <input onclick="" class="radioyes" type="radio" name="paid" value="<?php echo $electricities->paid; ?>">
No: <input onclick="" class="radiono" type="radio" name="paid" value="No" checked>

<?php endif; ?>

</div>

<?php endforeach; ?>

是：

用于选择具有指定选择器的图元
选择器将仅选择
选中的
元素来设置
背景
将
类似数组的对象
强制转换为
数组
使用
玩
类


var elems=document.querySelectorAll（'.invoice_wrapper[type=“radio”]”）；
var elemsInit=document.querySelectorAll（'.invoice_wrapper[type=“radio”]：checked'）；
变量处理程序=函数（元素）{
elem.parentNode.classList.remove（'red'，'green'）；
如果（元素值=='Yes'）{
elem.parentNode.classList.add（'green'）；
}否则{
elem.parentNode.classList.add（'red'）；
}
};
Array.from（elemsInit）.forEach（handler）；
数组.from（elem）.forEach（函数（elem）{
elem.addEventListener（'change'，handler.bind（null，elem））；
});
.invoice\u包装{
边框：5px纯黑；
保证金：5px；
}
格林先生{
背景：绿色；
}
瑞德先生{
背景：红色；
}

对：
不：
对：
不：
@mohdadawe，什么这么难？你在这个函数中使用的forEach是什么？你对loop的意思是什么Javascript@mohdadawe我也为它提供了参考。非常感谢你人造丝