jQueryでiPhoneライクなチェックボックス＆ラジオボタン「jQuery LightSwitch Plugin」

クチコミサイト構築「エディタ・エンタープライズ」
デモサイトトップ
制作技術
jQueryでiPhoneライクなチェックボックス＆ラジオボタン「jQuery LightSwitch Plugin」

クチコミサイト構築「エディタ・エンタープライズ」デモサイト

日本初のブログ自動収集システム「エディタ・エンタープライズ」により、簡単・低コスト・SEO対策が可能な口コミサイトが構築可能です。
ブロガー別の記事一覧やカテゴリ別、月別、取得画像別などさまざまな切り口で見せることができるので、映画や商品のキャンペーンをはじめ、テーマ別のポータルサイトを構築できます。

2010年05月27日｜記事提供：すくえあ

iPhoneの素晴らしいUIをあなたのサイトでも。
そんな願いをチェックボックスとラジオボタンで叶えてくれるJavascriptです。
via：jQuery LightSwitch Plugin

使用方法
jQuery LightSwitch Pluginからファイルをダウンロードします。

※js内に画像パスを記述する場所があります。同ディレクトリにおかない場合は適宜変更ください。
あとは通常通りinputを書いていけば完成です。

radioでもjs側は同じ記述で、対応可能です。
1 2 3
また、オプションを利用すると画像や切り替え速度を調整可能です。

jQueryでiPhoneライクなチェックボックス＆ラジオボタン「jQuery LightSwitch Plugin」サンプル