2011-07-06 11 views
-2

JavaScriptを使用して画像のセットを表示し、ユーザの選択に基づいて何らかのアクションを呼び出すことができます。画像リストは動的に取り込まれます。だから私は、ユーザーが選択した画像の名前を取得するためにラジオボタンを使用しています。しかし、ラジオボタンをページに表示したくない。ユーザーが選択した画像の値を取得することは可能ですか?JQueryを使わずにラジオボタンの代わりに画像を表示

注:イメージリストはループ内で動的に取り込まれます。

+0

あなたが提供した情報は、実際のヘルプにとって十分ではありません。私たちはあなたが使っている他のプログラミング言語、コードの文脈、既存のコード、そして達成したいことを知りません。私はボタンを表示しない純粋なHTMLソリューションを提供しています。より良いコミュニティサポートが必要な場合は、より多くの情報を投稿してください。 – Ryan

答えて

0

あなたは一般的にサードパーティのJavaScriptを使用するか、または独自のものを書くことのいずれかがありますImage instead of Radio button/text?

で答えを見つけることができます。マウスクリック時にラジオボタンの状態を動的に変更する必要があるため、スクリプトなしのプレーンなCSSでは不十分です。

+0

ありがとうございました。本当に役に立ちました。私は私の答えを得た:) – aasha

0

その他jQuery以外のJavaScriptはこれを行うことができますが、jQueryは実際にはJavaScriptライブラリであり、これを行うにはプログラミング言語を指定していないため、これを使用したくないと仮定しています。

コードの残りの部分、使用しているフォームまたは使用しているプログラミング言語を知らなくても、画像ごとに隠しフィールドと送信ボタンを1つ作成することをお勧めします。イメージをボタンの背景として表示することさえできます。あなたが使用したい画像ごとにこの操作を行う必要があるだろう

<form id="image_select_1" method="post" action="processor.php"> 
    <img src="path/to/img.png" /> 
    <input type="hidden" id="img_1" value="image_id" /> 
    <input type="button" value="Chose Image 1" /> 
</form> 

このための基本的なコードは次のように見えるかもしれません。私は私が持っているオブジェクト指向アプリケーションのために同様の方法を使用します。

これを行うためのさまざまなテクニックがあります。それはあなたがそれを取るか、実行可能な場合でも、プログラミング言語、その他の情報を含めて提供していない情報に大きく依存します。あなたのコードと関数の目的は何か。

これは正しい経路であなたを得るのに役立ちますが、より多くの情報を提供していただければ幸いです。

+0

こんにちは、ありがとうございました。私はJavaScriptを使用していますが、JQueryはアプリケーションを遅くするためJQueryを使用していません。私は情報を動的に取得するので、ループ内のjavascriptでラジオボタンを作成しています。私はhtmlで書くことができません。 – aasha

+0

@aashaあなたがこれを使っているJSを投稿してください、それとも盲人を導いてくれる盲人なのですか?私が長い一日の後に寝るつもりなら、別の開発者があなたに手を差し伸べることができるでしょう。幸運の仲間 – Ryan

+0

私はhttp://stackoverflow.com/questions/4592965/image-instead-of-radio-button-textにリンクし、私のansを得ました。助けてくれてありがとう – aasha