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>
구현 예시
반응형
저작자표시

'· 즐거'웅' 코드 (Source) > HTML & CSS & JAVASCRIPT' 카테고리의 다른 글

(즐거웅코드) CSS 휴대폰(iOS, Android 등) 기본 버튼 스타일 제거하기  (0) 2021.05.13
(즐거웅코드) 제이쿼리 radio 버튼으로 객체 보였다 숨겼다 제어하기  (0) 2021.05.12
(즐거웅코드) 제이쿼리 toggle로 객체 깜빡이게 하기  (0) 2021.05.07
(즐거웅코드) 자바스크립트 display 제어로 객체 깜빡이게 하기  (0) 2021.05.06
(즐거웅코드) 제이쿼리 img src 변경하기  (0) 2021.05.05

관련글

댓글 0

티스토리툴바