INSIGHT

情報・インサイト

HOME

情報・インサイト

iCheck利用時の各イベントの取得方法

2023.06.12

みなさんはiCheckというプラグインをご存じでしょうか。
このプラグインはラジオボタンやチェックボックスの見た目をかなりモダンでリッチにしてくれる便利なプラグインで、
bootstrapを用いたテンプレートでよく利用されています。

しかし、例えばhogehoge.on(“click”, function(){}) のような普通の書き方ではイベントをキャッチできません。
そこで今回はiCheckのイベント取得方法を紹介します。

なお、githubにはすべて記載されているので、そちらもご覧ください。

コールバック名	発火条件
ifClicked	ラジオボタンかチェックボックスがクリックされたとき。 Jqueryの[click]に相当。
ifChanged	ラジオボタンかチェックボックスが何らかの変化があったとき。 JQueryの[change]に相当。
ifChecked	ラジオボタンかチェックボックスがチェックされたとき。
ifUnchecked	ラジオボタンかチェックボックスがチェックが外されたとき。
ifToggled	ラジオボタンかチェックボックスが何らかの変化があったとき。 JQueryの[change]に相当。 ifChangedと似ているので注意
ifDisabled	ラジオボタンかチェックボックスがdisabledになったとき。
ifEnabled	ラジオボタンかチェックボックスがdisabledが外されたとき。
ifIndeterminate	JQueryにおけるindeterminate状態（なにも触っていない状態）のとき。
ifDeterminate	JQueryにおけるindeterminate状態（なにも触っていない状態）でなくなったとき。
ifCreated	ラジオボタンかチェックボックスが作られたとき。
ifDestroyed	ラジオボタンかチェックボックスが削除されたとき。

jQueryのプラグインなので.on()のコールバックで使えます。

$('input').on('ifChecked', function(event){
  alert(event.type + ' callback');
});

ウィズテクノロジーで一緒に働きませんか？
分野を限定せず幅広い事業を展開。新しい技術の導入にも積極的に取り組んでおり、チャレンジや成長する機会が沢山。
あなたの経験・知識を活かしながら一緒にIT業界を盛り上げて行きましょう！
採用情報詳細はコチラ

導入事例

ウィズテクノロジーは大阪を拠点に、システム開発の分野で20年の実績を持つパートナー企業です。
業務効率化やDX支援など、さまざまな課題にワンストップで対応。
経験豊富なエンジニアが、企業の成長を技術面からしっかりサポートします。