jQuery를 사용하여 특정 확인란을 제외한 모든 확인란을 선택하는 방법은 무엇입니까?

jQuery에서 특정 항목을 제외하고 모든 확인란을 선택하는 방법은 무엇입니까?

jQuery 선택기를 처리할 때 요소 집합을 제외하고 요소 집합을 선택해야 하는 시나리오가 발생합니다. 다른 사람. 이 경우 특정 체크박스가 아닌 웹페이지에 있는 모든 체크박스를 선택하는 것은 몇 줄의 jQuery 코드로 가능합니다.

여러 개의 입력 체크박스가 있는 테이블로 구성된 마크업이 있는데, 고유 ID가 "select_all"인 체크박스를 사용하는 경우 목표는 클릭 시 "#select_all" 체크박스를 제외한 모든 체크박스를 선택하는 것입니다.

jQuery 코드:

이를 수행하려면 다음 jQuery 코드를 활용할 수 있습니다.

$('#select_all').change(function() {
  var checkboxes = $(this).closest('form').find(':checkbox');
  checkboxes.prop('checked', $(this).is(':checked'));
});

설명:

• 변경 이벤트는 다음을 사용하여 "select_all" 확인란에 바인딩됩니다. $('#select_all').change(...) 선택기.
• 체크박스를 클릭하거나 상태가 변경(즉, 선택 또는 선택 취소)되면 이벤트 핸들러 기능이 실행됩니다.
• $(this).closest('form').find(':checkbox'); selector는 "select_all" 체크박스와 동일한 양식 내의 모든 체크박스 요소를 검색합니다. 이는 이벤트의 개시자이므로 "select_all" 체크박스를 제외합니다.
• prop('checked', $(this).is(':checked')); 줄은 "select_all" 확인란이 선택되었는지 여부를 결정합니다. 그런 다음 동일한 선택 상태를 양식의 다른 모든 확인란에 적용합니다.

이 접근 방식은 "select_all" 확인란을 클릭할 때 모든 확인란의 선택 상태를 효과적으로 전환합니다.

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