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

자바스크립트, jquery는 자주 사용하지 않아서 할때 마다 검색해보는게 짜증나서 정리해놀겸 써보려고 합니다.

 

" jquery 체크된 값, 체크박스 값 가져오기, 제이쿼리 체크된 값 가져오기 "

 

여러개의 체크박스값들의 상태값을 가져올 수 있는 방법 입니다.

 

each()함수 ( 반복문 )을 써서 체크해 줍니다.

 

//checkbox의 name값을 잡아 checked된것의 val()값을 가져옵니다.
$("input[name=test_chkbox]:checked").each(function(){
	var chk = $(this).val();
})

이 값들을 배열에 담아주려면

//빈 배열 선언 후 담아준다.
var chk_arr = [];
$("input[name=test_chkbox]:checked").each(function(){
	var chk = $(this).val();
    chk_arr.push(chk);
})

이런 식으로 하면 됩니다.

반응형

개별 상태 체크 여부는

선택자에 .is(":checked")를 붙여서 확인합니다. 체크된 상태면 true, 아니면 false를 반환 합니다.

$(선택자).is(":checked");

if($(선택자).is(":checked") == true){
    console.log('chk ok!!');
}
 
if($(선택자).is(":checked") == false){
    console.log('no chk!!');
}

이런식으로 분기문으로 확인도 가능합니다.