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

时间:2012-03-06 01:35:00

标签: php javascript html css forms

这似乎是一个热门话题,但我似乎无法找到任何可行的方式......所以这里什么都没有:

理想情况下,我只想用“绿色竖起大拇指”图像和“红拇指朝下”图像替换我的单选按钮...我将拥有一个包含10个项目的列表,每个项目都有一个或者没有(竖起或竖起)图像。然后他们点击“投票”,然后进入php处理页面获取信息。

我很难用图像替换无线电圈。我需要它是一个未选择的图像和一个选定的图像。因此,当您首次加载页面时,它们都是浅色图像,然后如果他们点击投票则会变为较暗的图像。如果他们改变投票,那么它会改变这是什么形象。

这有意义吗?理想情况下,我想使用CSS并使用类似“class =”vote_yes“”的东西,但它似乎并不那么容易......任何想法?

提前致谢!

1 个答案:

答案 0 :(得分:4)

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

<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