这似乎是一个受欢迎的话题,但是我似乎找不到能满足我想要的方式的任何东西……所以,这里什么也没做:

理想情况下,我只想将单选按钮替换为“绿色竖起大拇指”图像和“红色竖起大拇指”图像...我将为其提供一个包含10个项目的列表,并且每个项目都有一个“是”或“否”(大拇指)。然后,他们单击“投票”,然后转到php处理页面以获取信息。

我很难用图片替换无线电圈。我需要它是未选中的图像和选中的图像。因此,当您第一次加载页面时,它们都是浅色图像,然后如果单击以将其更改为较暗的图像。如果他们更改投票,那么它将更改这张图片。

这有意义吗?理想情况下,我只想使用CSS并使用类似“ class =“ vote_yes”“的名称,但似乎没有那么容易...有什么想法吗?

提前致谢!

最佳答案

如果您使用标签,它似乎可以按照您想要的方式工作...

<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

10-08 14:17