Simple button checks

JavaScript

カスタマイズ可能なチェックボックスを実装できる「Simple button checks」

Simple button checksはカスタマイズ可能なチェックボックスを実装できるjQueryプラグインです。高性能でキーボードサポートもしているとのこと。CSSなどによるカスタマイズを施したチェックボックスを取り入れたい人は要チェックです。

Simple button checks

デモ

デモではページの下の方にカスタマイズされたチェックボックスが設置されています。チェックを入れるとメッセージが表示されたり、チェックマークとは違った別のアイコンを表示したりと、そのカスタマイズは様々です。

人とは違ったチェックボックスにすることで、印象にも残りやすそうですね。

Simple button checksにはオプションもいくつか用意されています。主なオプションは、buttonClass、checkedIcon、nonCheckedIcon、wrapContainer、strictLabel、btnAttributesです。

そのほか、コールバック関数やメソッドもいろいろあるので、カスタマイズ性を重視したい人には嬉しい仕様になっています。

Simple button checks

OverlayScrollbarsカスタマイズ性に優れたスクロールバーを実装できる「OverlayScrollbars」前のページ

JSONデータを用いたタイムライン実装「Albe Timeline」次のページAlbe Timeline

関連記事

  1. no-image

    JavaScript

    プレーンなJavaScriptによるレスポンシブなLightbox「jsOnlyLightbox」

    jsOnlyLightboxは、jQueryなどを必要としないプレーン…

  2. BigText

    JavaScript

    テキストを指定した幅にフィットさせるjQueryプラグイン「BigText」

    BigTextは、テキストの行を、指定した幅にフィットさせるために必要…

  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのeachメソッドのお勉強

    今回はjQueryのeachメソッドを使ってみました。なんかとても便利…

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryの超基本的なアニメーションを試してみる

    jQueryの基本的なアニメーションを試してみました。やっぱりアニメー…

  5. Slickhover.js

    JavaScript

    滑らかでスムーズなホバーエフェクトを実装できるjQueryプラグイン「Slickhover.js」

    とても軽量で使いやすいのがいいですね。ホバー時に滑らかでスムーズなエフ…

  6. SVG 3D Tag Cloud jQuery Plugin

最近の記事

  1. Anker PowerPort 5-in-1 37.5W Hub
  2. α7C + FE28-60mm F4-5.6
  3. Apple Watch Series 6
  4. iPad Air

アーカイブ

PAGE TOP