jq 체크박스 클릭 이벤트와 input

$(document).ready(function(){
    $("#checkBoxId").change(function(){
        if($("#checkBoxId").is(":checked")){
            alert("체크박스 체크했음!");
        }else{
            alert("체크박스 체크 해제!");
        }
    });
});

 

jquery change()를 확용하여 체크박스 클릭 해제할 때 변화되는 상태값 체크하기 

 

 

 

input 태그를 값 확인하기

// 전체 갯수
$("input:checkbox[name=is_check]").length

// 선택된 갯수
$("input:checkbox[name=is_check]:checked").length

// 전체 체크
$("input[name=mycheck]:checkbox").prop("checked", true);

// 전체 체크 순회
$("input:checkbox[name=is_check]").each(function() {
 this.checked = true;
});

// 체크여부 확인
if($("input:checkbox[name=complete_yn]").is(":checked") == true) {
  //작업
}