본문 바로가기
웹프로그램

자바스크립트 테이블을 숨겼다 보였다 하기

by 세이박스 2008. 11. 7.
반응형

보통 Div 창을 보이거나 사라지게 하듯이 테이블도 동일하게 처리 가능합니다.


<script>
function chk() {
 if(document.all.ok[0].checked==true)
  Div.style.display = "block";
 else
  Div.style.display = "none";
}
</script>

<table>
 <tr>
  <td>
   <input type="radio" name="ok" onclick="chk()">선택
   <input type="radio" name="ok" onclick="chk()">해당업음
  </td>
  <td>
   <div id="Div" style="display:none">
    <input type="checkbox" name="ok_chk">운동
    <input type="checkbox" name="ok_chk">낚시
    <input type="checkbox" name="ok_chk">음악
   </div>
  </td>
 </tr>
</table>

반응형