页:
[1]
| jone_linux | 2006-12-15 03:34 AM |
|
关于table背景色问题~~
function a(obj1){
obj01=document.getElementById(obj1);
obj01.style.background ="yellow";
}
参数：obj1是table的ID。
触发：radio方式(所有radio名都相同)
问题：
当点radio后，把包含此radio的背景色设为yellow，点另的radio后，table背景色为yellow,前一次的table背景色为空。
我现在只能把色景色设成yellow，怎么把前一次的背景色弄成空的呢？ |
| sanders_yao | 2006-12-15 04:36 AM |
|
<script>
window.onload = function(){
for(var i = 0;1;i ++){
var objRadio = document.getElementById("chcolor_" + i);
if(null != objRadio){
objRadio.onclick = function(){
document.getElementById("chcolorT").style.backgroundColor = this.value;
}
}else{
break;
}
}
}
</script>
<table id="chcolorT">
<tr>
<td>
no color:<input type="radio" id="chcolor_0" name="bgcolor" value="" checked="checked" />
yellow:<input type="radio" id="chcolor_1" name="bgcolor" value="yellow" />
red:<input type="radio" id="chcolor_2" name="bgcolor" value="red" />
blue:<input type="radio" id="chcolor_3" name="bgcolor" value="blue" /></td>
</tr>
</table>
我这里测试没有问题，不知道是不是楼主需要的效果 |
|
<table id="a1">
<tr><td><input type="radio" name="a" onclick="radioClick('a1')"></td><td>ttt1</td></tr>
</table>
<table id="a2">
<tr><td><input type="radio" name="a" onclick="radioClick('a2')"></td><td>ttt2</td></tr>
</table>
<table id="a3">
<tr><td><input type="radio" name="a" onclick="radioClick('a3')"></td><td>ttt3</td></tr>
</table>
<script language="JavaScript">
<!--
var selectedTable = null;
function radioClick(obj1){
obj01=document.getElementById(obj1);
obj01.style.background ="yellow";
if (selectedTable) {
selectedTable.style.background ="";
}
selectedTable = obj01;
}
//-->
</script> |
Powered by Discuz! Archiver 6.1.0
© 2001-2006 Comsenz Inc.
Processed in 0.006063 second(s), 2 queries |