Question

如何动态修改radio的背景颜色

代码如下：
<table>
<tr>
<td style="<%=bgColorNew %>"><input type="radio" name="prpLcomponentAuditStatus" value="4">删除</td>
<td style="<%=bgColorNew %>"><input type="radio" name="prpLcomponentAuditStatus" value="3">修改</td>
<td style="<%=bgColorNew %>"><input type="radio" name="prpLcomponentAuditStatus" value="2">通过</td>
</tr>
</table>

我想实现的是：当我选择“通过”的时候，背景就变成红色。该怎么做？

Answer 1

可以使用javascript实现，通过调用自己写的checkchange事件---在事件中取得radiobuttonlist的id
然后获得document.getElementById("radioid").val();选取的值，然后更改body css中background为选取的值

Answer 2

radio和input type=text不一样，radio属于“无样式控件”，在浏览器的渲染引擎实现代码里，有一个函数叫adjustRadioStyle，这个函数是可选的，也就是说有的浏览器可能会实现，有的浏览器可以不实现。所以你要修改radio的样式，在没有实现这个styleAdjust的浏览器上只能修改浏览器核心代码。

Answer 3

用js在function中改style

追问

function setVerpoFlag(this){
var tt = document.all.prpLcomponentAuditStatus;
var testRadio = document.all.prpLcomponentAuditStatus.length;
for(int i=0;i<testRadio;i++){
if(document.all.prpLcomponentAuditStatus[i].checked==true){
document.all.prpLcomponentAuditStatus[i].style = "bgcolor="red"";
}
}
应该怎么改？
}

追答

document.all.prpLcomponentAuditStatus[i].style = "red";

Answer 4

不知

Answer 5

打酱油飘过