Javascript HTML更改单选按钮背景

我希望每个

的背景色与浅灰色保持一致

当前单击单选按钮时，会错误地更改ul背景。我不知道如何使jquery脚本循环通过所有可用的ul，如果脚本可以很小，我将非常感激，因为这个概念将应用于100+ul

$（文档）.ready（函数（）{
$（“ul.options-list li”）。在（“单击”，函数（）上）{
if（$（this）.find（'input[type=“radio”]”）是（':checked'）{
$（'ul.options-list li'）.removeClass（'change_color'）；
$（this.addClass（'change_color'）；
}
});
});
ul.options-list li.change\u颜色{
背景颜色：浅灰色；
}

Q1


O1


氧气


问题2


A1


A2


我对javascript不太在行

但是也许给你所有的单选按钮一个类，加上这样的东西

document.getElementByClass（“myCheck”）.checked=true

然后将类（“更改颜色”）添加到所选对象

您可以使用
每个
循环来循环您的
ul li
，然后使用
$（此）
检查收音机是否已根据此
添加
或
删除
您的课程进行检查

演示代码：


$（文档）.ready（函数（）{
$（“ul.options-list li”）。在（“单击”，函数（）上）{
//通过ulli循环
$（“ul.options-list li”）。每个（函数（）{
if（$（this）.find（'input[type=“radio”]”）是（':checked'））{
$（this）.addClass（'change_color'）；//添加change_color
}否则{
$（this）.removeClass（'change_color'）；//删除相同的
}
})
});
});
ul.options-list li.change\u颜色{
背景颜色：浅灰色；
}

Q1


O1


氧气


问题2


A1


A2


我想补充一点，我可以通过重复上面的X个css/javascript来实现我的目标，但它看起来确实很难看，但如果必要的话，这就是我必须要做的。使用
$（'ul.options-list li'）。每个（function（）{}）
循环抛出
li
s。但是，我建议使用一个变量来存储当前选定的
li
，这样您就不需要迭代所有
li
s。