jQuery를 사용하여 확인란의 선택 상태를 정확하게 확인하는 방법은 무엇입니까?

jQuery로 체크박스의 Checked 속성 확인

문제:

다음을 수행해야 합니다. jQuery를 사용하여 체크박스의 체크 상태를 확인하고 그에 따라 조치를 취합니다. result.

jQuery 코드:

다음 jQuery 코드는 "isAgeSelected" 확인란의 확인된 속성을 확인하려고 시도하지만 기본적으로 false를 반환합니다.

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

올바른 해결책:

질의하려면 확인된 속성이 성공적으로 완료되면 다음 코드를 사용할 수 있습니다.

옵션 1:

JavaScript를 사용하여 DOM 요소에 직접 액세스:

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

옵션 2:

jQuery의 "토글" 기능을 사용하여 더욱 깔끔한 접근 방식:

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

이 코드는 "isAgeSelected" 확인란의 클릭 이벤트를 처리하고 선택된 상태에 따라 "txtAge" 요소의 가시성을 전환합니다.

위 내용은 jQuery를 사용하여 확인란의 선택 상태를 정확하게 확인하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!