親指/親指ダウンラジオボタン投票

Question

これが話題のように思えるが、私は私が望むように動作する何かを見つけるように見えることはできません...ので、ここでは何も行かない：

理想的には、私はちょうど交換したいです私のラジオボタンには "グリーンサムズアップ"イメージと "レッドサムズダウン"イメージ... 10アイテムのリストがあり、各アイテムはイエスまたはノー（サムスアップまたはダウン）イメージを持っています。彼らは "投票"をクリックし、PHP処理ページに移動して情報を取得します。

ラジオの円を画像に置き換えても苦労します。私はそれが選択されていない画像と選択された画像である必要があります。だからあなたが最初にページを読み込むとき、それらはすべて明るいイメージです。そして、彼らが投票するためにクリックすると、それはより暗いイメージに変化します。彼らが投票を変更した場合、これはどの画像であるかを変更します。

これは意味がありますか？理想的には私はCSSを使用して、 "class =" vote_yes ""のようなものを持っていますが、それは簡単なことではありません。

ありがとうございます！

Answer 1

あなたがラベルを使用する場合は、望むように仕事ができるようだ... <input id="blah_2" type="radio" name="blah"><label for="blah_2"><img src="thumbdown.png"></label>

<input id="blah_1" type="radio" name="blah"><label for="blah_1"><img src="thumbup.png"></label>
...そして次に、あなただけの非表示など$('blah_1').addclass('thumbup_off');を行うためにjqueryのonchangeを使用あなたの入力を（または少なくともそれらを画面外に）移動します。ここで

は

http://www.99points.info/2010/07/youtube-style-ratingvoting-system-using-jquery-ajax-and-php-ever-best-tutorial/

http://www.technabled.com/2009/02/reddit-style-voting-with-php-mysql-and.html

...他の方法でそれを行う、いくつかのソリューションです