> 웹 프론트엔드 > JS 튜토리얼 > jQuery 배열의 확인란 상태를 효율적으로 확인하려면 어떻게 해야 합니까?

jQuery 배열의 확인란 상태를 효율적으로 확인하려면 어떻게 해야 합니까?

Linda Hamilton
풀어 주다: 2024-12-05 21:37:12
원래의
269명이 탐색했습니다.

How Can I Efficiently Check the Status of a Checkbox in a jQuery Array?

jQuery로 체크박스 배열 확인 상태 확인

이 맥락에서 목표는 체크박스 배열 내의 특정 체크박스가 선택되었는지 확인하는 것입니다. . 이를 달성하기 위해 체크박스 배열의 ID가 활용됩니다. 그러나 제공된 코드:

function isCheckedById(id) {
  alert(id);
  var checked = $("input[@id=" + id + "]:checked").length;
  alert(checked);

  if (checked == 0) {
    return false;
  } else {
    return true;
  }
}
로그인 후 복사

지정된 ID에 관계없이 선택된 체크박스 수를 일관되게 보고하므로 정확한 결과를 제공하지 못합니다.

해결 방법

이 문제를 해결하려면 다른 접근 방식이 필요합니다. 필수:

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

이 코드 줄은 지정된 ID가 있는 확인란이 선택되어 있는지 여부를 효과적으로 확인합니다.

같은 이름의 확인란

여러 확인란이 동일한 이름을 공유하여 확인란 배열을 나타내는 시나리오에서 대체 전략은 다음과 같습니다. 필수:

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

이 표현식은 이름이 "thename"인 선택된 모든 체크박스의 배열을 검색합니다.

체크박스 상호 작용

다음을 반복하려면 선택된 확인란을 선택하고 각각에 대해 작업을 수행합니다. 하나:

$boxes.each(function(){
  // Perform actions here with the current checkbox
});
로그인 후 복사

체크된 체크박스 계산

체크된 체크박스 수를 확인하려면:

$boxes.length;
로그인 후 복사

위 내용은 jQuery 배열의 확인란 상태를 효율적으로 확인하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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