본문 바로가기


웹관련팁

[javascript] 라디오버튼 클릭시 DIV 보이고 숨기기

by aisi1004 2016. 3. 1.

[javascript] 라디오버튼 클릭시 DIV 보이고 숨기기


가입 폼이나 신청서에서 라디오 버튼에 따라서 내용이 보이고 안보이게 처리해야 되는 경우에 해당이 됩니다.


현장접수 내용을 입력하는 공간이 필요해서 작성해보았습니다.

색깔 부부만 맞춰서 작업 하시면 됩니다.



<input type="radio" name="apply" value="방문접수" onclick="div_show(this.value,'divshow');"> 방문접수

<input type="radio" name="apply" value="현장접수" onclick="div_show(this.value,'divshow');"> 현장접수 



<div id="divshow" style="display:none;">

   현장접수 내용

</div>



<script>

function div_show(s,ss){

if(s == "현장접수"){

      document.getElementById(ss).style.display = ""; 

    }else{

      document.getElementById(ss).style.display = "none"; 

    }

}

</script>








댓글