![[HOME]](http://sygnas.jp/img/blog/menu_home.png){kind=small}
![[このサイトについて]](http://sygnas.jp/img/blog/menu_about.png){kind=small}
キャラクター人気投票で画像自体をフォームのラジオボタンやチェックボックスに
使いたかったので作りました。
<label>内に画像を置けばボタン代わりに出来るんですが、
選択状態によって画像を切り替えたかったのと、
IEだけ<label>内の画像に反応しないという、いつものアレな仕様もあったので……。
画像をラジオボタンやチェックボックスの代わりにすることで
デザインの自由度が上がるのと、入力状態がわかるのでユーザーの利便性が上がります。
詳しい使い方などはGitHubの配布ページでどうぞ。
》jQuery.sygImageRadio
初めまして、kawaguchiと申します。
現在Webサイトを制作しているのですが、
ちょうどやりたいことに合致しているプラグインを探していて、このページにたどり着きました。ありがとうございました。
実装したところ、IE9でダブルクリックしないと反応しませんでした。自分で対応しようと思ったのですが、お恥ずかしながら知識・技量が足りません。何か方法があれば、ご教授いただけると助かります。
コメント by kawaguchi — 2012年10月1日 @ 1:41 AM
こんにちは。
今、作っているサイトにこちらのプラグインを入れたいのですが、質問があります。
checkboxで画像の切り替えをしたいのですが、「○○-over.png」「○○-select.png」を用意しましたが切り替わりません。
jquery、jquery.syg_imageradio.1.1.jsともに読み込めています。
他に何か原因がありますでしょうか？
初心者ですみません、ご返信いただけると助かります！
コメント by あおい — 2013年1月10日 @ 10:54 AM
idやclassなども設定しましたでしょうか？
デモページのソースをコピーしてお試しください。
コメント by dada — 2013年1月28日 @ 5:20 PM
非常に便利です！
一つお聞きしたいのですが、
すべて選択・すべて解除みたいのものを
チェックボックスでやろうとすると難しいものでしょうか。
コメント by きくまる — 2013年2月13日 @ 6:58 PM
デモページにスクリプトからの操作例がありますように、
$(‘#btn-0’).attr(‘checked’,’checked’);
といった感じに属性を操作すれば行えます。
全ボタンを操作するには jQueryの each() を使うと良いです。
コメント by dada — 2013年2月28日 @ 11:35 AM