>  기사  >  웹 프론트엔드  >  JQUERY CHECKBOX 모두 선택, 모두 선택 취소, 역방향 선택 방법 three_jquery

JQUERY CHECKBOX 모두 선택, 모두 선택 취소, 역방향 선택 방법 three_jquery

WBOY
WBOY원래의
2016-05-16 19:01:321231검색

jquery.checkboxes.zip을 클릭한 다음 플러그인이 사용되는 페이지에 대한 참조 압축을 풉니다.
이에 대해 더 말할 필요도 없이 모두가 더 잘 이해할 수 있도록 아래의 구체적인 예를 살펴보겠습니다. 함수를 구현하는 코드를 직접 게시합니다:

코드 복사 코드는 다음과 같습니다.

$("#myform").toggleCheckboxes()//전체 선택, 모두 선택 취소, 선택 반전
$("#myform").toggleCheckboxes(":not(#checkbox1)")// 모두 선택, 모두 선택 취소하고 첫 번째 항목 선택 안 함, 선택 반전
$( "#myform").toggleCheckboxes(".top5", true)//모두 선택, 선택 취소하고 해당 항목만 선택 처음 5개, 선택 항목 반전
$("#myform").checkCheckboxes();//모두 선택
$("#myform").checkCheckboxes(":not(#checkbox1)");// 첫 번째 항목을 제외하고 모두 선택
$("#myform").checkCheckboxes(".top5" , true) //처음 5개 항목 모두 선택
$("#myform").unCheckBoxes() / /모든 선택 취소
$("#myform").unCheckCheckboxes(":not(#checkbox1 )");//모든 선택을 취소하고 첫 번째 선택 제외
$("#myform").unCheckBoxes( ".top5", true);//모든 선택을 취소하고 처음 5개 제외
여기서 확인란 1은 ID 값을 나타내고 top5는 CLASS 값을 나타냅니다. 관심 있는 친구들은 여기에서 다운로드할 수 있습니다. 직접 사용해 보시거나, 공식 데모를 먼저 시청하실 수 있습니다.

다운로드 주소: http://plugins.jquery.com/files/jquery.checkboxes.zip

데모 주소: http://www.texotela.co.uk/code/jquery/checkboxes/

여러분 좋은 제안이나 방법이 있으면 공유해주세요

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.