자바스크립트 테이블 감추기/보이기

-2005. 9. 7. 22:13-

 

<script language="JavaScript">

function clickradio(ind)

{

    for(i = 0 ; i <= 2 ; i++)

    {

        if(i == (ind - 1))

            divname[i].style.visibility = "visible";

        else

            divname[i].style.visibility = "hidden";

    }

}

</script>

 

<form name="sample">

<input type="radio" name="sel" onclick="javascript:clickradio(1);">

<input type="radio" name="sel" onclick="javascript:clickradio(2);">

<input type="radio" name="sel" onclick="javascript:clickradio(3);">

</form>

 

<div name="divname" id="divname" style="position:absolute;visibility:visible;left:100;top:100;">

<table cellspacing="2" cellpadding="2" border="1">

<tr>

    <td>A</td>

    <td>A</td>

</tr>

</table>

</div>

 

<div name="divname" id="divname" style="position:absolute;visibility:hidden;left:100;top:100;">

<table cellspacing="2" cellpadding="2" border="3">

<tr>

    <td>B</td>

    <td>B</td>

</tr>

</table>

</div>

 

<div name="divname" id="divname" style="position:absolute;visibility:hidden;left:100;top:100;">

<table cellspacing="2" cellpadding="2" border="3">

<tr>

    <td>C</td>

    <td>C</td>

</tr>

</table>

</div>