CHECKBOX

HOMEWORKS Form 체크박스 컴포넌트.

Summary

CHECKBOX는 사용자 경험을 한층 상승시켜 주기 위한 체크박스 컴포넌트 입니다.

HTML 태그 중 input:checkbox 태그를 대체할 수 있는 컴포넌트입니다.

STYLE > INPUT과 연관되어 사용 할 수 있습니다.

Usage

• HTML

  <label>
    <input type="checkbox" class="input input-primary" />
    <span>Checkbox Name</span>
  </label>
  

• JAVASCRIPT

  $('.input').checkbox();
  

• VIEW HOOK

  <!--
  ================================================================
  VIEW HOOK은 HOMEWORKS에서 제공하는 HTML 속성 확장을 이용하기 때문에,
  JAVASCRIPT를 생략할 수 있습니다.
  ================================================================
  -->
  <label>
    <input type="checkbox" class="input input-primary" data-checkbox="true" />
    <span>Checkbox Name</span>
  </label>
  

Functions

Checkbox

• Type: Function
• Description: Checkbox를 초기화하는 함수.

• Arguments:

  • element: Element
  • options: Object (optional)

• Options:

  • None

View Hook

CHECKBOX 컴포넌트는 View Hook을 제공합니다.

View Hook이 걸려있는 체크박스에 CHECKBOX를 자동적으로 바인딩합니다.

Attribute - checkbox

• Value: <any>
• Description: null, undefined외 값을 지정 권장.

Example

• HTML

  <label>
    <input type="checkbox" class="input input-primary"
        data-checkbox="true"
    />
    <span>Checkbox Name</span>
  </label>