JS-127-checkbox의 value 복수 개 받아오기

라디오 버튼과 달리 체크 박스는 동시에 복수개 버튼을 선택할 수 있다.
그렇다면 체크된 복수개의 버튼이 담고있는 value 또한 복수개로 가져올 수 있어야하지
방법은 생각보다 매우 간단써~

이 곳은 자바스크립트 공간이니 자바스크립트 이용해서 가져오는 방법을 먼저 해보갔우

 

 

 

우선 html에는 체크박스를 대여섯개 만들어놓은 상황이지
그리고 버튼 하나를 더 만들었어
그 버튼을 눌렀을 때 선택된 체크박스의 값을 콘솔로 찍어보려고!

아래처럼 checkbox를 모두 가져오기 위해 getElementsByName을 사용했어
버튼은 ById로 가져왔쥐

이제 이 버튼을 클릭했을 때, 실행될 함수를 정의해볼꽈
for문을 돌려돌려
위에서 checkbox를 getElementsByName으로 가져왔잖아?
여기에 length를 붙이면 그 갯수가 나오겠지?
0부터니까 포함 안되게 하면 딱 chekbox 갯수 만큼 for문이 실행될거여

for문 돌릴 때 이제 가정이 필요하지
어떤 checkbox만 value를 가져올 것이냐
checked된 checkbox만 가져와야지 뭘 물어~

i번째 checkbox가 체크된 상태라면~
중괄호 내용을 실행하거라~ 하는 함수를 설정해준다!
그럼 콘솔에 와장창 찍힘!

let ids = document.getElementsByName("chkbox");
let btn = document.getElementById("revAdmin");

	btn.addEventListener("click", function() {
		for (let i = 0; i < ids.length; i++) {
			if (ids[i].checked) {
				console.log(ids[i].value);
			}
		}
	});