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

很简单，在页面上放置一个div
根据radio的点击在js中写要显示的内容

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
    <TITLE></TITLE>
    </HEAD>
    <BODY>
    <TABLE WIDTH=75% BORDER=1 CELLSPACING=1 CELLPADDING=1 id=x1>
    <TR>
    <TD>1</TD>
    </TR>
    </TABLE>
    <TABLE WIDTH=75% BORDER=1 CELLSPACING=1 CELLPADDING=1 id=x2>
    <TR>
    <TD>2</TD>
    </TR>
    </TABLE>
    <TABLE WIDTH=75% BORDER=1 CELLSPACING=1 CELLPADDING=1 id=x3>
    <TR>
    <TD>3</TD>
    </TR>
    </TABLE>1<input type=checkbox onclick="checked?x1.style.display='':x1.style.display='none'">
    2<input type=checkbox onclick="checked?x2.style.display='':x2.style.display='none'">
    3<input type=checkbox onclick="checked?x3.style.display='':x3.style.display='none'">
    </BODY>
    </HTML>
      

  2.   

    <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>