iCheck.jsを使ってる時のchangeイベント

iCheck.jsを使うとチェックボックスやラジオボタンをスタイリングできます。

http://icheck.fronteed.com/

かなり定番のJSライブラリにはなりますが、使ってみると、onchangeイベントが取れなくなってしまいました。

対処法

公式ドキュメントみるとちゃんとifChangedを使うように指示がありました。

c.f.) こちらのCallbacksの部分を参照

サンプルコードは以下のとおり。

$('input').on('ifChanged', function(event){
  // 変化があったときの処理
  console.log($(this).val());
});

まとめ

ifCheckedやifUncheckedなど、いろいろなイベントがあるので、イベント時の処理がうまく動かないときは公式ドキュメントをしっかり読んでみましょう。