I'm

Developer, Designer, Photographer

GET IN TOUCH

  • Buk-gu, Busan, Republic of Korea
  • ungdoli0916@naver.com
  • Kakao ID : Ungdoli
Your message has been sent. Thank you!
(즐거웅코드) 자바스크립트 radio 버튼으로 객체 보였다 숨겼다 제어하기

· 즐거'웅' 코드 (Source)/HTML & CSS & JAVASCRIPT
2021. 5. 11. 18:42

반응형

[즐거'웅'코드] 목차

  1. 예제 소스
  2. 구현 예시
예제 소스
1
2
3
4
5
6
7
8
9
10
11
12
13
<div>
    <input type="radio" name="radio_obj" value="view" onclick="test(event)" checked/> 보이기
    <input type="radio" name="radio_obj" value="" onclick="test(event)"/> 숨기기
</div>
 
<input type="text" name="target_obj"/>
 
<script>
    function test(event) {
        var target_obj = document.getElementsByName("target_obj")[0];
        !event.target.value ? target_obj.style.display = "none" : target_obj.style.display = "block";
    }
</script>
구현 예시
반응형