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 button 체크 없애기

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

반응형

[즐거'웅'코드] 목차

  1. 예제 소스
  2. 구현 예시
예제 소스
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<input type="radio" class="test_obj" name="fruit" value="apple"> 사과
<input type="radio" class="test_obj" name="fruit" value="banana"> 바나나
<input type="radio" class="test_obj" name="fruit" value="melon"> 메론
 
<button onclick="test()">radio 체크 없애기</button>
 
<script>
    function test() {
        var obj = document.getElementsByClassName('test_obj');
 
        for (var i = 0; i < obj.length; i++) {
            obj[i].checked = false;
        }
    }
</script>
구현 예시
반응형
저작자표시

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

(즐거웅코드) CSS 홀수번째 객체만 스타일 주기  (0) 2021.05.25
(즐거웅코드) 자바스크립트 팝업창 화면 중앙에 띄우기  (0) 2021.05.24
(즐거웅코드) 자바스크립트 checkbox 체크 초기화하기  (0) 2021.05.21
(즐거웅코드) 자바스크립트 input 입력 내용 한꺼번에 지우기  (0) 2021.05.20
(즐거웅코드) 자바스크립트 http 접속 시 https로 전환시키기  (0) 2021.05.19

관련글

댓글 0

티스토리툴바