php - 赞成/反对单选按钮投票

Question

这似乎是一个热门话题，但我似乎找不到任何符合我想要的方式的东西......所以这里什么也没有:

理想情况下，我只想用“绿色赞成”图像和“红色赞成”图像替换我的单选按钮...我将有一个包含 10 个元素的列表，每个元素都有一个是或没有(竖起大拇指或朝下)图像。然后他们单击“投票”，它会转到一个 php 处理页面以获取信息。

我很难用图像替换 radio 圈。我需要它是未选择的图像和已选择的图像。所以当你第一次加载页面时，它们都是浅色图像，然后如果他们点击投票，它就会变成深色图像。如果他们改变他们的投票，那么它会改变这是哪张图片。

这有意义吗？理想情况下，我只想使用 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