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

関連記事

  1. JavaScript

    画像にマウスオーバーするとズームして綺麗にエフェクトがかかるjQueryプラグイン「Swish」

    画像にマウスオーバーをするとズームして綺麗なオーバーレイのエフェクトが…

  2. Swipeshow

    JavaScript

    スワイプにも対応したシンプルなスライドショーを実装できるjQueryプラグイン「Swipeshow」…

    タッチデバイスのスワイプにも対応したシンプルなスライドショーを実装する…

  3. FlexSlider

    JavaScript

    jQueryプラグインのレスポンシブな軽量スライダー「FLEXSLIDER」の使い方や設定方法

    すごくいいですね、これ。スマートフォンにも対応させたいスライダーを探し…

  4. Luminous

    JavaScript

    軽くてシンプルなLightboxを実装できるスクリプト「Luminous」

    Luminousを使えば軽くてシンプルなLightboxを実装すること…

  5. AJAX Live Search
  6. JavaScript

    シンプルで軽量のレスポンシブなjQueryスライダー「ResponsiveSlides.js」を使っ…

    とてもシンプルで使いやすそうなレスポンシブのjQueryスライダー「R…

最近の記事

  1. KMC-80BK
  2. 味噌ラーメン〜旨辛にんにく味噌〜
  3. STP-XH70
  4. 久保田城

Instagram始めました

Facebookページ

PAGE TOP