iCheck.jsのクリック・チェンジなどのイベントが拾えない場合の解決方法

以前、ラジオボタンやチェックボックスのデザインを設定できるjQueryのプラグインiCheck.jsを紹介しました。

ラジオボタンやチェックボックスのデザインを変更できる「iCheck.js」

かっこいいデザインを設定できて便利なんですが、普通のclickやchangeイベントなどは使えないので、ひと手間加える必要があります。

「おいおい！どうやってイベント取得するんだよ！使えねープラグインだな！」

とちょっとハマっちゃった人のために、今回はいくつか対処方法を紹介していきます。

よく使う対処法

ifClickedはclickイベントと同じ動作をします。

$('input').on('ifClicked', function(event){
    alert($(this).val());
});

ifChangedはchangeイベントと同じ動作をします。
ラジオボタンで実行すると、2回処理が行われます。

$('input').on('ifChanged', function(event){
    alert($(this).val());
});

ifCheckedはラジオボタンやチェックボックスにチェックされた時のみ実行されます。

$('input').on('ifChecked', function(event){
    alert($(this).val());
});

ifCheckedはラジオボタンやチェックボックスのチェックが外れたときのみ実行されます。

$('input').on('ifUnchecked', function(event){
    alert($(this).val());
});

ほかにもいろいろあるので、試してみてください。