jQuery에서 체크박스가 체크되었는지 확인 하는 방법

 

질문 : jQuery에서 체크박스가 체크되었는지 확인 하는 방법

---

나는 확인해야합니다 checked 체크 박스의 속성을하고 jQuery를 사용하여 검사 특성에 따라 작업을 수행합니다.

예를 들어, age 체크 박스가 선택되어, 그때 입력 할 수있는 텍스트 상자에 표시해야합니다 age 다른 텍스트 상자를 숨 깁니다.

그러나 다음 코드는 기본적으로 false

 

if ($('#isAgeSelected').attr('checked')) {
	$("#txtAge").show();
} else {
	$("#txtAge").hide();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="isAgeSelected"/>
<div id="txtAge" style="display:none">
Age is selected
</div>

 

checked 속성을 어떻게 성공적으로 쿼리합니까?

답변

---

확인 된 속성을 어떻게 성공적으로 쿼리합니까?

체크 박스 DOM 요소의 checked 속성은 요소의 checked 상태를 제공합니다.

따라서 기존 코드가 주어지면 다음을 수행 할 수 있습니다.

if(document.getElementById('isAgeSelected').checked) {
	$("#txtAge").show();
} else {
	$("#txtAge").hide();
}
              

toggle 사용하는 훨씬 더 예쁜 방법이 있습니다.

 

$('#isAgeSelected').click(function() {
	$("#txtAge").toggle(this.checked);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="isAgeSelected"/>
<div id="txtAge" style="display:none">Age is something</div>

 

출처 : https://stackoverflow.com/questions/901712/how-do-i-check-whether-a-checkbox-is-checked-in-jquery