0

添付されているのは、コーディングしようとしているページの一部のスクリーン ショットです。ユーザーが画像をクリックできるようにしたいのですが、その選択が記録されてから私に送信されるので、どのデザインが一番好きかがわかります。

ユーザーが何も入力する必要はなく、画像をクリックしてフォームを送信するだけです。jQuery を使用して、「You Choose...」セクションでユーザーの選択内容を明らかにしますが、フォームに記録された選択内容を取得する方法がまったくわからないため、送信ボタンを押すと結果を電子メールで送信できます。ボタン。

ユーザーが選択できるように、これらのセクションと画像がたくさんあります。各画像の下にラジオ ボタンを簡単に配置できることはわかっていますが、ラジオ ボタンを使用せずに、画像自体をクリックするだけで選択を記録する方法はありますか? たぶんラジオボタンと画像の組み合わせ？

ありがとう。ここに画像の説明を入力

4

5 に答える 5

3

このような ：

<img class="bamBoum" src="blabvla.jpg" alt="" title="" data-id="1" />

var prefImage = 0;
$('.bamBoum').click(function(e){
    e.preventDefault();
    prefImage = $(this).attr('data-id');

    alert(prefImage)
});

ページを「送信」するときは、変数を調べるだけです。

もちろん、Web ページが機能するには Javascript が必要であることを覚えておく必要があります。非表示フィールドに変数を入力することもできるため、フォームを送信すると、反対側に結果が表示されます。

于 2012-07-06T17:38:33.343 に答える
1

方法はたくさんあります。あなたが言ったようにラジオを使うことができますが、それらを隠すだけです。可視性を非表示に設定するか、絶対に画面外に配置することを覚えておいてください。usingdisplay: noneは、実際にはフォームで値を送信せず、目的を無効にします。

または、非表示の入力を使用して、選択した選択肢をその中に保存することもできます。

または、ユーザーが選択するとすぐにフォームが送信されることを気にしない場合は、 を使用<input type="image">して、それぞれに同じ名前を付けますが、一意の値を指定することもできます。それはおそらく最善の方法ではありませんが、技術的にはそうです。

于 2012-07-06T17:39:17.997 に答える
0

フォームを送信する前に、隠しフィールドに選択の値を入力できます。

于 2012-07-06T17:35:49.010 に答える
0

サポートする必要があるブラウザーによっては、これは古いチェックボックス ハックを使用するのに適した場所になる可能性があります。チェックボックスの代わりに、ラジオを使用します。

于 2012-07-06T17:36:41.413 に答える
0

使用する$.post()と、入力フィールドの代わりに変数を使用して投稿データを作成できます。

そして、どれが選択されているかを見つけるには.data()、イベント中に選択されたそれぞれのクラスを持つものを見つけるか、最後に選択されたものを保存するために使用できclick()ます。

于 2012-07-06T17:38:52.717 に答える