sitelink1 https://hianna.tistory.com/431 
sitelink2 https://codepen.io/hianna/pen/wvWNjoz 
sitelink3  
sitelink4  
extra_vars4  
extra_vars5  
extra_vars6  

<HTML>

<input type='checkbox'

       name='animal' 

       value='dog'

       onclick='getCheckedCnt()'/> 개

<input type='checkbox' 

       name='animal' 

       value='cat' 

       onclick='getCheckedCnt()'/> 고양이

<input type='checkbox' 

       name='animal' 

       value='rabbit' 

       onclick='getCheckedCnt()'/> 토끼

 

<div id='result'></div>

 

 

<JS>

function getCheckedCnt()  {

  // 선택된 목록 가져오기

  const query = 'input[name="animal"]:checked';

  const selectedElements = 

      document.querySelectorAll(query);

  

  // 선택된 목록의 갯수 세기

  const selectedElementsCnt =

        selectedElements.length;

  

  // 출력

  document.getElementById('result').innerText

    = selectedElementsCnt;

}

번호 제목 글쓴이 날짜 조회 수
114 [검토 완료] 디바이스 카메라로 촬영한 사진을 서버에 업로드하기 샘플 황제낙엽 2024.11.21 314
113 브라우저에서 이미지를 편집(crop 등) 할 수 있는 오픈소스 Cropper.js 황제낙엽 2024.11.16 356
112 DOMContentLoaded 이벤트와 window.onload 이벤트 황제낙엽 2024.07.15 239
111 [Copilot] Vanilla JavaScript에서 외부 스크립트 파일에 정의된 함수들을 로드 황제낙엽 2024.06.21 279
110 [Copilot] ES6 모듈(module) 문법 황제낙엽 2024.06.21 222
109 현재 document 의 host 와 port 를 얻는 방법 황제낙엽 2023.10.03 681
108 (Bard) FileReader 로 여러개의 파일을 read 하는 법 file 황제낙엽 2023.08.23 470
107 navigator.mediaDevices 황제낙엽 2023.08.21 297
106 Barcode Detection API 황제낙엽 2023.08.06 521
» 체크박스에 체크된 항목 개수 구하기 황제낙엽 2023.06.10 507
104 배열에 대한 루프문 조회 (loop iterator) 황제낙엽 2023.03.01 567
103 (Copilot) 바닐라 스크립트가 뭐지? 황제낙엽 2023.02.24 267
102 문자열에서 역슬래시(backslash) 문자와 유니코드(Unicode)에 대한 고찰 file 황제낙엽 2021.06.03 501
101 자바스크립트(Javascript) escape, encodeURI, encodeURIComponent 인코딩 함수 황제낙엽 2021.04.27 456
100 자바스크립트 학습용 유튜브 강의 (드림코딩 by 엘리) 황제낙엽 2021.03.07 472
99 Early return, early exit - 스크립트 가독성 개선 팁 황제낙엽 2021.03.07 376
98 [GitHub] JavaScript Algorithms and Data Structures (알고리즘과 자료구조) file 황제낙엽 2021.03.01 323
97 비동기프로그래밍 - 콜백함수(Callback function) file 황제낙엽 2020.08.26 441
96 Strict 모드 황제낙엽 2020.08.23 344
95 경과 시간 구하기 황제낙엽 2019.10.04 1416