根据单选组点击更改样式类 onclick答案

【问题标题】：change style class onclick, based on radio group click根据单选组点击更改样式类 onclick
【发布时间】：2014-11-11 21:41:58
【问题描述】：

我正在努力解决简单的脚本：单击单选按钮时，我想更改 <li> 项目 css 类。我创建了一个 onclick 事件并将 2 个参数传递给函数“setColor”。然后在函数中，我将 .style 与单击的单选按钮的值连接起来。到目前为止，我有以下内容：

function setColor(a, b){
    document.getElementByTd("id").setAttribute('.STYLE' + a);    
}

我的项目从 db 包中动态生成，与样式相同。当用户单击单选按钮时，我想应用“正确”样式。但不幸的是，我遇到了错误：“对象不支持属性或方法'getElementByTd'”。困惑并且已经花费了数小时来确定问题......必须是非常简单的事情，但无法弄清楚。任何帮助，将不胜感激！谢谢

【问题讨论】：

没有原生的.getElementByTd() 方法。
不确定这是否只是您的问题中的拼写错误，但您有getElementByTd
哎呀，谢谢你，没注意到！但是，它并没有解决问题，但我很接近......
$('li#someID').addClass('someClass');
$('li#someID.someClass').removeClass('someClass');

标签： javascript css

【解决方案1】：

您可以使用 JavaScript onChange 事件来调用函数来更改 CSS DOM 样式。我可能会这样做：

function setColor(a){
    document.getElementById("color").style.background = a;    
}

<label><input type="radio" name="color" onchange="setColor(this.value)" value="red"/> Red</label>
<label><input type="radio" name="color" onchange="setColor(this.value)" value="blue"/> Blue</label>
<label><input type="radio" name="color" onchange="setColor(this.value)" value="green"/> Green</label>
<label><input type="radio" name="color" onchange="setColor(this.value)" value="yellow"/> Yellow</label>

<div id="color" style="width: 200px; height: 200px;"></div>

【讨论】：

非常感谢！！！但是它并没有完全解决我的问题，但越来越接近了！