ページトップへ

【jQuery】ラジオボタンを装飾するプラグイン

前回はチェックボックスを装飾するプラグインでしたが、
今回はラジオボタンを装飾するプラグイン。シンプルバージョンです。

前回の記事はこちら


ダウンロードはこちら
通常のラジオの場合、下記のようになりますが、




このプラグインを使用すると、下記のように装飾できます。


サンプルページ

【使い方】
  1. 1.jQuery本体と、changeRadio.jsを読み込みます。
  2. 2.任意のクラス名、もしくはIDをつけた要素でラジオボタンを囲みます。
    仮に「ra」というクラス名で囲みます。
    必ずラジオボタンをlabelで囲んでください。
  3. 3.header内に下記ソースをコピペ。


わからない場合は、下記サンプルページをコピペしてみてください。
サンプルページ

ダウンロードはこちら

使い方がわからない場合はご連絡ください。

【オプションも用意してます】

未選択時のボタン背景色。
defaultBg : ‘#EBE8E0′


選択時のボタン背景色。
checkedBg : ‘#F36B6B’


ボタン横幅。
buttonWidth : ‘100px’



ダウンロードはこちら
2015年03月05日

お問い合わせ

お名前 (必須)

メールアドレス (必須)

メッセージ本文(必須)

自動返信メールが送信されます。
返信メールが届いていない場合は正しく送信できていない可能性がございます。