본문 바로가기

컴퓨터/HTML,CSS,JS,JQUERY

jQuery-checkbox(체크박스) 제어 하기

▶체크박스 체크 여부 확인(checked)

$('input:checkbox[id="체크박스아이디"]').is(":checked")==true
    
$('input:checkbox[name="체크박스네임"]').is(":checked")==true

$("#체크박스아이디").is(":checked"); // jquery의 아이디 선택자 -'#' (클래스 선택자 -'.')

체크박스 전체 개수 

$('input:checkbox[name="체크박스네임"]').length

//id는 중복 사용이 불가하므로 전체 체크 여부 혹은 길이를 구할 때에는 name을 이용

체크박스 체크된 요소 개수

$('input:checkbox[name="체크박스네임"]:checked').length

//위와 같은 이유로 name 사용

체크박스 값 체크 (checked)

$('input:checkbox[id="체크박스아이디"]').attr("checked",true); 

//name으로 할 경우 같은 name을 가진 전체 요소 체크

체크박스 value값 가져오기

$('input:checkbox[id="체크박스아이디"]').val();
728x90