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. jQuery Responsive Thumbnail Gallery Plugin

    JavaScript

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQuery Responsive T…

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQue…

  2. ResponsifyJS

    JavaScript

    画像で見せたいエリアを保持しながらレスポンシブにできる「ResponsifyJS」

    ResponsifyJSは画像のなかで見せたいエリアを保持させながらレ…

  3. jQuery cForm

    JavaScript

    フォームのスタイルをカスタマイズできる「jQuery cForm」

    jQuery cFormはフォームのスタイルを簡単にカスタマイズするこ…

  4. Textualizer

    JavaScript

    テキストに様々なエフェクトを与えながら切り替わっていくjQueryプラグイン「Textualizer…

    フェードやスライドといった様々なエフェクトをテキストに与えながら切り替…

  5. funnyText.js
  6. Text Scramble Effect

    JavaScript

    テキストをスクランブルしながら表示していく「Text Scramble Effect」

    Text Scramble Effectはテキストをカシャカシャとスク…

最近の記事

  1. CAR-HLD12BK
  2. OWL-LPB6701LA
  3. cheero Power Mountain mini 30000mAh CHE-110

アーカイブ

PAGE TOP