Simple button radios

JavaScript

シンプルで高性能なラジオボタンを実装できる「Simple button radios」

Simple button radiosはシンプルで高性能なラジオボタンを実装できるjQueryプラグインです。カスタマイズ性に優れたハイパフォーマンスなラジオボタンを取り入れたい場合に最適です。キーボードのサポートもされているとのこと。

Simple button radios

デモ

デモページには下の方にカスタマイズされたラジオボタンのサンプルが設置されています。任意の項目にチェックを付けると、その項目のラジオボタンの中にバツ印が付きます。ラジオボタンのサイズも一般的なものより大きく、見やすくてとても使いやすいですね。

デモページにはコードも記述されているので、具体的な使い方を知りたい人はぜひチェックしてみてください。

Simple button radiosにはオプションもいくつか用意されています。主なオプション項目は、buttonClass、checkeIcon、nonCheckedIcon、wrapContainer、btnAttributesです。また、オプション以外にもコールバックやメソッドもいろいろあるので、カスタマイズを施したい人にはうれしい仕様になっています。

Simple button radios

TagifyVanilla JSを用いた軽量のタグ入力機能を実装できる「Tagify」前のページ

カスタマイズ性に優れたトップへ戻るボタンを実装できる「jquery-backToTop」次のページjquery-backToTop

関連記事

  1. How To Create A Simple Image Slideshow

    JavaScript

    チルトエフェクトがオシャレなスライドショー「How To Create A Simple Image…

    オシャレなチルトエフェクトにダイナミックなイメージスライダーを実装でき…

  2. no-image

    JavaScript

    縦スクロールによるフォトギャラリー実装「Simple Scroll Gallery」

    Simple Scroll Galleryは縦スクロールによるかっこい…

  3. JavaScript

    JavaScriptの関数のスコープについてちょっと確認してみる

    JavaScriptの関数のスコープを確認、整理する意味で記事にしてみ…

  4. jQuery Tooltip Basic

    JavaScript

    カスタマイズしやすいツールチップ実装「jQuery Tooltip Basic」

    jQuery Tooltip Basicは、カスタマイズしやすいツール…

  5. no-image

    JavaScript

    シンプル・軽量なアナログ時計を実装できる「jsRapClock」

    jsRapClockはシンプルで軽量なアナログ時計を実装できるjQue…

  6. kissui.scrollanim

    JavaScript

    スクロールによる多彩なアニメーションを実装できる「kissui.scrollanim」

    kissui.scrollanimは、CSS3を活用したスクロールによ…

最近の記事

  1. パニーニ(フォカッチャ ベーコンときのこのゴルゴンゾーラクリーム)とエスプレッソ
  2. 広尾 スタバ
  3. 芳醇な香りのラムレーズンサンド
  4. Aモーニングセット
  5. 白トリュフの塩パンやメロンパンなど

アーカイブ

PAGE TOP