> 웹 프론트엔드 > JS 튜토리얼 > jQuery를 사용하여 특정 체크박스가 선택되었는지 어떻게 확인할 수 있나요?

jQuery를 사용하여 특정 체크박스가 선택되었는지 어떻게 확인할 수 있나요?

DDD
풀어 주다: 2024-12-18 18:54:14
원래의
537명이 탐색했습니다.

How Can I Check if a Specific Checkbox is Checked Using jQuery?

jQuery를 사용하여 체크박스 선택 결정

폼 작업을 하다 보면 체크박스와 같은 요소의 상태를 확인하는 것이 필요해집니다. 이 질문은 특히 해당 체크박스 배열의 ID를 지정하여 체크박스 배열 내의 체크박스가 선택되었는지 여부를 결정하는 데 중점을 둡니다.

제공된 코드는 jQuery 선택의 길이 속성을 사용하여 이를 수행하려고 시도합니다. ID 기반 선택기를 사용하여 검색됩니다. 그러나 이 접근 방식은 지정된 ID에 관계없이 항상 선택된 체크박스 수를 반환합니다.

ID별로 체크박스의 체크 상태를 확인하는 올바른 방법은 다음과 같습니다.

$('#' + id).is(":checked")
로그인 후 복사

이 구문은, 유효한 ID에 적용하면 해당 ID가 포함된 확인란이 선택되었는지 여부를 나타내는 부울 값을 반환합니다.

또한, 체크박스는 동일한 이름을 가진 배열의 일부이므로 다음을 사용하여 체크된 모든 체크박스 목록을 검색할 수 있습니다.

var $boxes = $('input[name=thename]:checked');
로그인 후 복사

이렇게 하면 체크된 체크박스를 반복하거나 합계를 결정하는 등의 추가 처리가 가능합니다. 길이 속성을 사용하여 선택한 상자 수:

$boxes.each(function(){
    // Perform actions on each checked checkbox
});

console.log($boxes.length); // Number of checked boxes
로그인 후 복사

위 내용은 jQuery를 사용하여 특정 체크박스가 선택되었는지 어떻게 확인할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿