[JQuery] check box 관련 함수 (+배열 값 가져오기)

check box 개수(길이)

 

// 전체 check box 개수
$("체크박스").length;

// 선택된 check box 개수
$("체크박스명:checked").length;

 

check box 전체 체크/체크 해제

 

// 전체 체크
$("체크박스").prop("checked", true);

// 전체 체크 해제
$("체크박스").prop("checked", false);

 

each문을 이용하여 선택된 check box의 값 가져오기 (다중 체크값 가져와 배열에 추가)

 

let chk_arr = [];

// 1.
$("체크박스명:checked").each(function(){
	chk_arr.push($(this).val()); // push: 배열에 값 삽입
});

// 2
$("체크박스명:checked").each(function(index, value){
	chk_arr.push(value);
});

console.log(chk_arr); // 배열 값 console에 출력

 

선택 여부 확인

 

$(선택자).is(":checked"); // 결과: 체크된 경우 true, 아니면 false

 

+) 배열 값 가져오기

 

// 1. 그냥 console로 배열 전체 한 번에 출력
console.log(chk_arr);

// 2. for문 이용해 각 값에 접근
for(var i=0; i<chk_arr.length; i++){
	consle.log(chk_arr[i]);
}

// 3. forEach문 이용해 각 값에 접근
// 3-1.
chk_arr.forEach(function(val){
	console.log(val);
});
// 3-2.
chk_arr.forEach(val => console.log(val));

 

 

 

[jQuery] checkbox 의 리스트 중 체크된 값 가져오기

jquery check box 다중 체크값 가져오기, 자바스크리트 체크박스 체크값 가져오기

자바스크립트 Array forEach

 

[Javascript] Array 반복문, $.each/some/forEach 비교!