ICHECK
특징:
1. 동일한 성능은 다른 브라우저 (IE6+포함) 및 데스크탑 및 모바일 장치를 포함한 장치에서 수행됩니다.
2. 터치 장치 지원 - iOS, Android, BlackBerry, Windows Phone 및 기타 시스템
4. 편리한 사용자 정의 - HTML 및 CSS를 사용하여 스타일을 지정하십시오 (여러 세트의 스킨)
5. 작은 크기 - GZIP 압축 후 1kb 만
6. 25 매개 변수는 확인란 및 라디오 버튼을 사용자 정의하는 데 사용됩니다.
7. 8 콜백 이벤트는 입력 상자의 상태를 듣는 데 사용됩니다.
8. 7 메소드는 입력 상자의 상태를 프로그래밍 방식으로 제어하는 데 사용됩니다.
9. 입력 상자의 상태 변경을 원래 입력 상자에 다시 동기화하여 모든 선택기를 지원할 수 있습니다.
사용 방법 :
$ ( 'input'). icheck ( 'check'); // 입력 상자의 상태를 확인하도록 설정합니다
$ ( 'input'). Icheck ( 'Uncheck'); // 확인 된 상태를 제거합니다
$ ( 'input'). icheck ( '토글'); // 확인 된 상태를 토글합니다
$ ( 'input'). icheck ( 'disable'); // 입력 상자의 상태를 비활성화하도록 설정합니다
$ ( 'input'). iceck ( 'enable'); // 비활성화 상태를 제거합니다
$ ( 'input'). icheck ( 'update'); // 플러그인 밖에서 수행 된 입력 변경 사항을 적용합니다
$ ( 'input'). icheck ( 'destroy'); // iCheck 스타일을 제거합니다
ICheck을 호출 할 때 기본값을 수정 한 매개 변수 만 나열하면됩니다.
// 기본 사용법 방법 $ ( 'input'). icheck ({labelHover : false, cursor : true, checkboxclass : 'iceckbox_square-blue', radioclass : 'iradio_square-blue', allokearea : '20%'});매개 변수 목록과 기본값은 다음과 같습니다.
{handle : '', checkboxclass : 'iceckbox', radioclass : 'iradio', checkedclass : 'checked', checkedcheckboxclass : '', checkedradioclass : ', uncheckedcheckboxclass :' ', uncheckedcheckboxclass :' ', disableccoxclass :', disabledcoxclass : ', disabledclass :' ``, disabledeabledcheckboxclass : '', disabledeabledcheckboxclass : ', enabledcheckboxclass :', enabledradioclass : '', enabledradioclass : ', enabledradioclass :' ', enabledradioclass :' ', enabledradioclass :', enabledrioclass : '', enabledioclass : ', enabledrioclass :', enabledrioclass : '', enabledrioclass : '', enabledrioclass : '', enabledrioclass : ``, enabledRadioClass : '', enabledRadioClass : '', enabledRadioClass : '', enabledRadioClass : '', enabledRadioClass : '', enabledRadioClass : '', enabledrioclass : ActiveClass : 'Active', LabelHover : True, LabelHoverClass : '호버', yalloarea : '', cursor : false, inheritclass : false, inheritid : false, insert : ''}위에 나열된 클래스에 스타일을 재설정 할 수 있습니다.
피부
검은 색 - 최소 CSS // 검은 색
빨간색 - Red.css // 빨간색
녹색 - 녹색 .CSS // 녹색
Blue - Blue.css // Blue
Aero - Aero.css // Win7의 유리 효과
회색 - grey.css // 실버 그레이
오렌지 - 오렌지 .CSS // 오렌지
노란색 - 옐로우 .CSS // 노란색
핑크 - Pink.css // 핑크
보라색 - 보라색 .css // 보라색
(이 스킨 팩을 직접 다운로드하십시오)
초기화
먼저 jQuery 라이브러리 파일을 소개하십시오
둘째, jquery.icheck.js 플러그인 파일을 소개하십시오
(관련 스킨을 소개하려면 다음을 소개해야합니다. 관련 테마 색상 .CSS 파일)
콜백 이벤트
ICheck은 모든 선택기를 지원하며 Checkbox Checkbox 및 라디오 버튼 만 작동합니다.
ICheck은 많은 수의 콜백 이벤트를 제공하며, 모두 변경 이벤트를 듣는 데 사용될 수 있습니다.
ON () 메소드를 사용하여 이벤트를 바인딩합니다.
$ ( 'input'). on ( 'ifchecked', function (event) {// 크리징이 이벤트가 경고에 바인딩되어야합니다 (event.type + 'Callback');}); Bootstrap Icheck의 라디오 및 확인란의 크기를 크기로 조정할 수 있습니까? .icheckbox_square-blue, .iradio_square-blue {display : block; 여백 : 0; 패딩 : 0; 너비 : 22px; 높이 : 22px; 배경 : URL (blue.png) No-Repeat; 국경 : 없음; 커서 : 포인터; }ICheck의 라디오 또는 확인란 스타일을 조정하려면 위의 CSS를 통해 너비와 높이를 수정하고 동시에 Blue.png 이미지의 해당 크기를 수정하십시오.
라디오의 가치를 얻는 방법을 봅시다
다음 라디오 세트의 경우 ICheck을 사용할 때 값 값 1 또는 0을 어떻게 얻을 수 있습니까?
위의 것은 편집기가 소개 한 Bootstrap의 Icheck 플러그인 확인란과 라디오입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!