[jQuery]체크박스 체크여부

jQuery를 이용한 체크박스 체크여부를 구하는 방법은 다음과 같다.

var yn = $("input:checkbox[id='체크박스의 id값']").is(":checked");

이 때 yn이라는 변수는 boolean 타입으로 체크여부에 의해 "true" 또는 "false" 값을 갖는다.

예제) 

list.jsp

<script type="text/javascript">
function showHidden(){
    if($("input:checkbox[id='customControlAutosizing']").is(":checked") == true) {
        $('#g_password').attr('disabled', false);    
    } else {
        $('#g_password').attr('disabled', true);
    }    
}
</script>

customControlAutosizing이라는 체크박스에서 onclick 이벤트시 showHidden 함수가 실행되도록 했다.

체크여부에 따라 비밀번호 입력칸을 열어주게 되는데 비밀글을 구현하기 위해 만들었다.

<div class="col-auto">              
  <input type="text" class="form-control mb-2" id="g_password" placeholder="비밀번호" disabled="disabled">
</div>      
<div class="col-auto" style="margin-bottom: 7px;">
  <div class="custom-control custom-checkbox mr-sm-2">
    <input type="checkbox" class="custom-control-input" id="customControlAutosizing" onclick="showHidden()">
    <label class="custom-control-label" for="customControlAutosizing">비공개</label>
  </div>
</div>

[체크 X]

[체크 O]