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!
(즐거웅코드) 자바스크립트 checkbox 체크된 객체 value 가져오기 (name으로 확인)

· 즐거'웅' 코드 (Source)/HTML & CSS & JAVASCRIPT
2020. 3. 12. 22:54

반응형

[즐거'웅'코드] 목차

  1. JAVASCRIPT
  2. 예제 소스
  3. 구현 예시
JAVASCRIPT
1
2
3
4
5
6
7
8
9
10
11
 
<script>
    function test() {
        var obj_length = document.getElementsByName("fruit").length;
  
        for (var i=0; i<obj_length; i++) {
            if (document.getElementsByName("fruit")[i].checked == true) {
                alert(document.getElementsByName("fruit")[i].value);
            }
        }
    }
</script>
예제 소스
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<input type="checkbox" name="fruit" value="apple"/>사과
<input type="checkbox" name="fruit" value="strawberry"/>딸기
<input type="checkbox" name="fruit" value="lemon"/>레몬
<input type="checkbox" name="fruit" value="mango"/>망고
<input type="checkbox" name="fruit" value="melon"/>메론
  
<button onclick="test()">체크된 객체 value 가져오기</button>
  
<script>
    function test() {
        var obj_length = document.getElementsByName("fruit").length;
  
        for (var i=0; i<obj_length; i++) {
            if (document.getElementsByName("fruit")[i].checked == true) {
                alert(document.getElementsByName("fruit")[i].value);
            }
        }
    }
</script>
구현 예시
반응형
저작자표시

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

(즐거웅코드) 제이쿼리 checkbox 동일한 name 객체 개수 가져오기  (0) 2020.03.14
(즐거웅코드) 자바스크립트 radio 체크된 객체 value 가져오기 (name으로 확인)  (1) 2020.03.13
(즐거웅코드) input 엔터키 입력 감지해서 이벤트 실행시키기  (0) 2020.03.11
(즐거웅코드) 자바스크립트 숫자 천 단위마다 콤마(,) 찍기  (0) 2020.03.10
(즐거웅코드) CSS 글이 길어서 넘칠 때 가리기(숨기기)  (0) 2019.12.06

관련글

댓글 0

티스토리툴바