初学者有难，求助各位～～

sunshinehx 2003-09-04 02:35:14

页面上有几个单选按钮（radio），要求点击任意一个单选框，在单选框下面显示该单选框对应的表格内容，表格内容字段都不同。
如果有Code就更好了，不甚感激！

...全文

36 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

sunshinehx 2003-09-04

打赏
举报

结帖给分了。。

ajsword 2003-09-04

打赏
举报

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>

<INPUT type="radio" id='rdo1' name=radio1 onClick="tableHtml()">A<BR>
<INPUT type="radio" id='rdo2' name=radio1 onClick="tableHtml()">B<BR>
<INPUT type="radio" id='rdo3' name=radio1 onClick="tableHtml()">C<BR>

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<tr><td id='detail'></td></tr>

</TABLE>

</BODY>
</HTML>
<SCRIPT LANGUAGE='JAVASCRIPT'>
function tableHtml() {

var stHtml = "";
if (rdo1.checked==true) {
stHtml = stHtml + "<TABLE cellSpacing=0 cellPadding=0 width='100%' height='100%' border=1>";
stHtml = stHtml + "<TR><TD>A标题1</TD><TD>A标题2</TD><TD>A标题3</TD></TR>";
stHtml = stHtml + "<TR><TD>AA1</TD><TD>AA2</TD><TD>AA3</TD></TR>";
stHtml = stHtml + "<TR><TD>AB1</TD><TD>AB2</TD><TD>AB3</TD></TR>";
stHtml = stHtml + "</TABLE>";
} else if (rdo2.checked==true) {
stHtml = stHtml + "<TABLE cellSpacing=0 cellPadding=0 width='100%' height='100%' border=1>";
stHtml = stHtml + "<TR><TD>B标题1</TD><TD>B标题2</TD><TD>B标题3</TD></TR>";
stHtml = stHtml + "<TR><TD>BA1</TD><TD>BA2</TD><TD>BA3</TD></TR>";
stHtml = stHtml + "<TR><TD>BB1</TD><TD>BB2</TD><TD>BB3</TD></TR>";
stHtml = stHtml + "</TABLE>";
} else if (rdo3.checked==true) {
stHtml = stHtml + "<TABLE cellSpacing=0 cellPadding=0 width='100%' height='100%' border=1>";
stHtml = stHtml + "<TR><TD>C标题1</TD><TD>C标题2</TD></TR>";
stHtml = stHtml + "<TR><TD>CA1</TD><TD>CA2</TD></TR>";
stHtml = stHtml + "<TR><TD>CB1</TD><TD>CB2</TD></TR>";
stHtml = stHtml + "<TR><TD>CC1</TD><TD>CC2</TD></TR>";
stHtml = stHtml + "</TABLE>";

}
detail.innerHTML=stHtml;

}
</SCRIPT>

sunshinehx 2003-09-04