icheck Ver1.0.2 happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > JQuery > icheck Ver1.0.2 상세정보

클라우드태그

javascript

PHP

html

asp

mysql

CSS

mobile

jquery

image

slide

占쌨댐옙

메뉴

占쏙옙占쏙옙占쏙옙트

현재접속자 명

icheck Ver1.0.2

해피팀

네티즌

소스분류

JQuery

다운로드 횟수

85 회

간단설명

체크박스와 라디오박스를 손쉽게 다룰수 있는 플러그인입니다

평가하기

* icheck Ver1.0.2

- 체크박스와 라디오박스를 손쉽게 다룰수 있는 플러그인입니다

* License

- The MIT License (MIT)

* 기능

- 터치지원(아이폰, 안드로이드, 블랙베리, 윈도우폰, 아마존 킨들)
- 키보드 접근입력(Tab,Spacebar,down 등)
- 체크박스 라디오버튼 사용자정의

* 사용법

- 첨부된 zip 파일을 다운로드 받아 웹루트에 압축을 해제합니다
압축을 해제하면 demo폴더에 index.html 파일을 실행하여 결과물 확인 후 코드를 분석합니다

아래와 같이 기본제공되는 css 와 js 를 상단에 선언후

체크박스와 라디오박스를 체크할때의 변화를 살펴볼 수 있게 아래와 같이 코드를 추가합니다

체크박스 체크와 라디오 박스체크의 컬러를 변경도 가능합니다

사용자가 기능을 컨트롤 할 수 있게 콜백기능을 제공합니다

ifClicked - 사용자 입력 또는 할당된 레이블에 클릭
ifChanged - 입력의 확인,비활성화 또는 불확정 상태가 변경
ifChecked - 입력 상태로 변경 확인
ifUnchecked - 체크상태 제거
ifToggled - 입력 선택상태가 변경
ifDisabled - 입력의 상태로 변경 비활성화
ifEnabled - 비활성화 상태를 제거
iflndeterminate - 입력상태의 변경확정
ifDeterminate - 불확정 상태제거
ifCreated - 사용자 정의 생성
ifDestroyed - 사용자 정의 제거

아래와 같이 샘플을 참고하여 이용하면 됩니다

사용가능한 메서드는 아래와 같습니다

$('input').iCheck('check');
$('input').iCheck('uncheck'); — 체크해제
$('input').iCheck('toggle');
$('input').iCheck('disable');
$('input').iCheck('enable');
$('input').iCheck('indeterminate');
$('input').iCheck('determinate');
$('input').iCheck('update');
$('input').iCheck('destroy');

아래와 같이 샘플을 참고하여 이용하면 됩니다