[JavaScript] 라디오 버튼 클릭시 div 숨김 보임 스크립트 (회원가입 or 폼메일)

회원 등급별로 다른내용을 보여주거나 회원가입 폼메일 양식등에서 많이사용됩니다.

이벤트시 특정 영역을 숨기고 보여주고 하기위한 기능입니다

<!-- html 시작 -->
<input type="radio" name="test" value="1" onclick="div_OnOff(this.value,'con');"> 회원신청 
<input type="radio" name="test" value="2" onclick="div_OnOff(this.value,'con');"> 준회원 
<input type="radio" name="test" value="3" onclick="div_OnOff(this.value,'con');"> 정회원

<div id="con" style="display:none">
 내용
</div>
<!-- html 끝 -->

<!-- 스크립트 시작 -->
<script>
function div_OnOff(v,id){
 // 라디오 버튼 value 값 조건 비교
 if(v == "3"){
  document.getElementById(id).style.display = ""; // 보여줌
 }else{
  document.getElementById(id).style.display = "none"; // 숨김
 }
}
</script>
<!-- 스크립트 끝 -->