豎起大拇指/大拇指向下單選按鈕投票

Question

這似乎是一個熱門的話題，但我似乎無法找到任何工作就是我想要的......所以在這裏不用什麼：

理想我只是想取代我的單選按鈕有一個「綠色豎起大拇指」的圖像和一個「紅色豎起大拇指向下」的圖像...我將有一個有10個項目的列表，每個項目將有一個是或否（豎起大拇指或下來）圖像。然後他們點擊「投票」，然後進入php處理頁面獲取信息。

我剛剛用圖像取代無線電圈很困難。我需要它是一個沒有選擇的圖像和選定的圖像。所以，當你第一次加載頁面時，他們都是明亮的圖像，然後如果他們點擊投票，它會變成更黑的圖像。如果他們改變了他們的投票，那麼它會改變這是什麼形象。

這是否有意義？理想情況下，我想只使用CSS，並有類似「class =」vote_yes「」但它似乎並不是那麼容易......任何想法？

在此先感謝！

Answer 1

看來，它可以工作，你想，如果你使用標籤的方式......

<input id="blah_1" type="radio" name="blah"><label for="blah_1"><img src="thumbup.png"></label>
<input id="blah_2" type="radio" name="blah"><label for="blah_2"><img src="thumbdown.png"></label>

...然後使用jquery onchange做$('blah_1').addclass('thumbup_off');等等，那麼你只是隱藏您的輸入（或至少將它們移出屏幕）。

這裏有一些解決方案，做到在其他方面...

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