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

jQuery로 체크박스 선택

웹 개발에서 jQuery와 같은 JavaScript 프레임워크는 DOM 요소를 조작하기 위한 강력한 선택기를 제공합니다. 일반적인 시나리오 중 하나는 양식에서 여러 확인란을 선택하는 것입니다. jQuery를 사용하여 특정 확인란을 제외한 모든 확인란을 쉽게 선택하는 방법은 다음과 같습니다.

다음과 같은 마크업을 고려하세요.

id="select_all"인 확인란을 클릭하면 목표 select[]라는 다른 모든 확인란을 선택하거나 선택 취소하는 것입니다.

다음은 jQuery입니다. 솔루션:

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

이 코드는 다음을 수행합니다.

1. 해당 ID를 사용하여 select_all이라는 확인란을 가져옵니다.
2. 변경 이벤트 리스너를 여기에 연결합니다.
3. 리스너가 트리거되면 리스너 내의 모든 확인란을 찾습니다.
4. 그런 다음 select_all 체크박스의 체크 상태를 기반으로 발견된 모든 체크박스의 체크 속성을 설정합니다.

이 코드는 다음과 같은 경우 다른 모든 체크박스의 체크 상태를 효과적으로 전환합니다. select_all 확인란을 클릭했습니다. 그러나 코드는 확인란이 select_all 확인란과 동일한 형식 내에 있는 경우에만 작동한다는 점에 유의하는 것이 중요합니다.

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