自学JS,新手问题.请高人指点

[heitaoxiazhi]

我想在FORM里帮一个模式转换 ,单选中一个单选框时,改变下面表格中的内容 .
可是怎么也不实现,初学乍练.求指点
代码如下 请高人看一下哪里出问题了
<input type="radio" name="bg" value="radiobutton" onselect="randommode()">
随机模式
　
<input type="radio" name="bg" value="radiobutton" onselect="mode()">
自定义模义</td>
</tr>
<script language ="javascript">
function randommode(){
document.write("<tr> <td width="155">XXXXXXXX</td><td width="155"> </td> <td width="25%"> YYYYYYYYYY</td><td width="29%"> AAAAAAA</td>")
}
function mode(){
document.write("<tr><td>ZZZZZZZZZZZZZZZZZZZ </td></tr>")
}
</script>

[hbhbhbhbhb1021]

格式用div和span做
<input type="radio" name="bg" value="radiobutton" onclick="randommode(0)">
随机模式
　
<input type="radio" name="bg" value="radiobutton" onclick="randommode(1)">
自定义模义</td>
</tr>
<div id="div1"> </div>
<script language ="javascript">
function randommode(str){
if(str=="0")
document.getElementById("div1").innerHTML=("XXXXXXXX  YYYYYYYYYY AAAAAAA")
else
document.getElementById("div1").innerHTML=("ZZZZZZZZZZZZZZZZZZZ ")
}
</script>

[mingxuan3000]

水火兄这么有时间？

[lion98]

<table>
<tr>
<td>
<input type="radio" name="bg" value="radiobutton" onclick="randommode()">
随机模式
　
<input type="radio" name="bg" value="radiobutton" onclick="mode()">
自定义模义</td>
</tr>
<tr id="tr1" style="display:none"> <td width="155">XXXXXXXX</td><td width="155"> </td> <td width="25%"> YYYYYYYYYY</td><td width="29%"> AAAAAAA</td>
<tr id="tr2"style="display:none"><td>ZZZZZZZZZZZZZZZZZZZ </td></tr>
<table>
<script language ="javascript">
function randommode(){
document.getElementById("tr1").style.display="block";
document.getElementById("tr2").style.display="none";
}

function mode(){
document.getElementById("tr1").style.display="none";
document.getElementById("tr2").style.display="block";
}
</script>

[hbhbhbhbhb1021]

呵呵，今天一天学到不少东西

[heitaoxiazhi]

水火的解答可以使用,但div和span存在网页定位不准的问题, 韩宾的无懈可击,谢谢诸位大虾米了

[heitaoxiazhi]

在csdn有问有答 学东西太快