下記の要件で、実装のコードを教えて下さい。
【要件】
①４つのボタンがあり、どれか一つを選択可能。選択すると選択された画像になる
(http://agtsmartphonedesign.com/300/ こちらのページの上の方にある
「TOP」「コレクション」「ランキング」。。。のようなボタンです）
②選択されたボタンは<select name="hoge">内で各々の値を持つ。
③iphoneでの実装を想定
④html javascriptで実装
説明が明確ではなく申し訳ないのですが、質問の意図、ご理解頂ける方いましたら
ご回答宜しくお願いします。
select要素を諦めて、input要素で対応していただけるならjavascriptナシでCSSだけでできます。
サンプルを書きました。CSS3を使っていますのでIEはキビシメです。FirefoxとChromeで確認してます。
と思ったら、iPhone Safariってlabel要素対応してないんですねえ……
iPadなどのmobile safariでは、labelタグのfor属性で指定したチェックボックスにチェックできない - Fight the Future じゅくのblog
コードをそのままパクったサンプルがこれです。jQuery使用。
これなら初めからselect要素を使った方がいいですね。適当に書き換えれば簡単に動くはずですので試してみて下さい。
追記：
ちょっと時間ができたのでselectのサンプルも作ってみました。
ありがとうございます！
できました！
よかったー！！