<input type="radio" name="radiob" value="1" onclick="d1.style.color=checked?'#ff0000':'';"/><span id="d1">1</span>
<input type="radio" name="radiob" value="2" onclick="d2.style.color=checked?'#ff0000':'';"/><span id="d2">2</span>
<input type="radio" name="radiob" value="3" onclick="d3.style.color=checked?'#ff0000':'';"/><span id="d3">3</span>
<input type="radio" name="radiob" value="2" onclick="d2.style.color=checked?'#ff0000':'';"/><span id="d2">2</span>
<input type="radio" name="radiob" value="3" onclick="d3.style.color=checked?'#ff0000':'';"/><span id="d3">3</span>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
.red{color:red;}
.black(color:black;);
</style></HEAD><BODY>
<script>
function changeColor(cnt){
var obj = document.getElementsByTagName("SPAN");
for(var i=0;i<obj.length;i++){
obj[i].className="black";
}
obj[cnt].className="red";
}
</script>
<input type="radio" name="radiob" value="1" onclick="changeColor(0);"/><span class="black">1</span>
<input type="radio" name="radiob" value="2" onclick="changeColor(1);"/><span class="black">2</span>
<input type="radio" name="radiob" value="3" onclick="changeColor(2);"/><span class="black">3</span></BODY>
</HTML>
onclick="changeColor(1)
onclick="changeColor(2)
--〉
onclick="changeColor(this)obj[cnt].className="red";
--〉
cnt.className = "red";
我使用的是asp.net中的radiobutton服务器控件,生成的客户端代码如下所示:
<input id="RdbYear" type="radio" name="RdbAssessMode" value="RdbYear" checked="checked" /><label for="RdbYear">年度考核</label>文字似乎是一个单独的Label了,这样我怎么设置呢?
<title>无标题页</title>
<script type="text/javascript" language="javascript">
function changecolor()
{
document.all.ColorDv.style.color='ff0000';
document.forms[0].Radio1.checked="CHECKED";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="ColorDv">
<input id="Radio1" type="radio" onclick="changecolor()" />1111</div>
</form>
</body>