iCheckを利用時のチェックの有る無しで表示を切り替える

harada 367views 更新:2016年2月18日

iCheckはチェックボックスとラジオボタンの表示をきれいに見せてくれるjQueryプラグインです。
iCheck

iCheckを利用時はチェックのオンオフ分岐が以下のように変わります。

      $('input').on('ifChecked', function(event){
//チェックを入れたときのアクション
        $('#tab').show().addClass('active');//表示
      });
      $('input').on('ifUnchecked', function(event){
//チェックを外したときのアクション
        $('#tab').hide().removeClass('active');//非表示
      });

他にも様々な動作時のアクションが用意されていますので他のアクションを利用したい場合はこちらをご確認ください。

参考:iCheck check if checkbox is checked

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません