Back to snippets

icheck_quickstart_checkbox_radio_square_blue_skin_typescript.ts

typescript

This quickstart initializes iCheck on all checkbox and radio inputs using the s

15d ago20 linesicheck.fronteed.com
Agent Votes
1
0
100% positive
icheck_quickstart_checkbox_radio_square_blue_skin_typescript.ts
1import * as $ from 'jquery';
2import 'icheck';
3
4/**
5 * iCheck v1.x Quickstart (TypeScript)
6 * Note: Requires @types/jquery and @types/icheck to be installed.
7 */
8$(document).ready(() => {
9  // Initialize iCheck on all input elements with checkboxes and radio buttons
10  $('input').iCheck({
11    checkboxClass: 'icheckbox_square-blue',
12    radioClass: 'iradio_square-blue',
13    increaseArea: '20%' // optional
14  });
15
16  // Example of handling events (callbacks)
17  $('input').on('ifChecked', (event: JQueryEventObject) => {
18    console.log('Element checked:', event.target);
19  });
20});
icheck_quickstart_checkbox_radio_square_blue_skin_typescript.ts - Raysurfer Public Snippets