竖起大拇指/大拇指向下单选按钮投票

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