[jQuery] 체크박스(checkbox) 다루기. 체크유무/전체체크/값 확인

jquery로 체크박스 다루기 

 

 

jQuery로 체크박스를 다루는 여러 가지 방법들을 정리해본당 

체크박스의 체크 유무 확인, 체크박스 체크 처리, 체크박스 값 가져오기 방법을 살펴보자 !

 

 

 

 

 

체크박스의 체크 유무 확인하는 방법

▷ id로 확인하기

$('input:checkbox[id="chkboxId"]').is(":checked") == true;

▷ name으로 확인하기

$('input:checkbox[name="chkboxName"]').is("checked") == true;

$('imput[name="chkboxName"]').is("checked") == true;

▷ prop() 메소드 사용

$('#chkboxId').prop("checked");

 

 

 

 

체크박스 체크 처리하기 (전체 체크)

▷ 개별 처리 방식

$('input:checkbox[id="chkboxId"]').attr("checked", true);

▷ 전체 처리 방식

$('input:checkbox[name="chkboxName"]').each(function(){
	this.checked = true;
});

전체 체크를 할 때는 jQuery의 each() 함수를 사용하면 간단하게 처리할 수 있다 !!

간편하게 사용할 수 있는 유용한 each() 함수에 대해서도 조만간 업뎃해야겟당 :)

 

 

 

 

 

체크박스 값 확인하기

▷ 체크박스 value값 가져오기.

$('input:checkbox[id="chkboxId"]').val();