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

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

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

2017.07.12

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

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

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

よく使う対処法

ifClicked

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

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

ifChanged

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

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

ifChecked

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

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

ifUnchecked

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

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

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