0

ラジオ スタイルのボタンのようなものを作成しようとしていますが、テキストはなく、画像だけです。このようなものは、私が以下にスタイルしたいものです。そして、クリックすると特定の画像になるようにしたいと思います。しかし、ラジオボタンのhtmlコーディングのように値を送信したいのです。

これをどのようにコーディングすればよいですか、または従うべきヒントや何かがありますか? それにアプローチする方法がわからないだけです。

基本的に、ラジオボタンのように機能するものが必要ですが、以下のテーマで。

なりたいスタイル

4

1 に答える 1

3

個人的には、jQuery を使用します。各「ラジオ」(クラス ラジオを含む div) に onclick を追加して、すべての div から「選択された」クラスを削除し、クリックされたクラスに追加する関数を実行します。

例: http://jsfiddle.net/dGWJp/

ラジオからデータを取得する必要がある場合は、各ラジオ div にdata-value="valuehere"HTML5 仕様に従って (古い HTML でも動作します!) 与え、選択された div を jquery で見つけて、そこから 'data-value' 属性を取得します。

選択を強制するには、先頭とselected同様に を 1 つに設定します。radio

于 2012-07-05T19:03:06.367 に答える