엄지 손가락/엄지 손가락을 아래로 라디오 버튼 투표

Question

이 인기있는 주제처럼 보이지만 그래서 여기에 아무것도 간다 ... 내가 원하는 방식으로 작동합니다 아무것도 찾을 수 없습니다 :

가 이상적으로 난 그냥 바꾸려는 "녹색 엄지 손가락 업"이미지와 "빨간색 엄지 손가락 다운"이미지가있는 라디오 버튼 ... 10 개의 항목 목록이 있고 각 항목에 예 또는 아니요 (썸네일 위나 아래) 이미지가 있습니다. . 그들은 "투표"를 클릭하고 PHP 처리 페이지로 이동하여 정보를 얻습니다.

라디오 동그라미를 이미지로 바꾸는 데 어려움을 겪고 있습니다. 선택되지 않은 이미지와 선택된 이미지가 필요합니다. 따라서 처음 페이지를로드 할 때는 모두 가벼운 이미지이므로 투표를 클릭하면 더 어두운 이미지로 바뀝니다. 그들이 투표를 변경하면 이것이 어떤 이미지인지를 바꿉니다.

의미가 있습니까? 이상적으로 나는 단지 CSS를 사용하고 "class ="vote_yes ""와 같은 것을 가지고 싶습니다. 그러나 그것은 쉽지 않은 것처럼 보입니다 ... 어떤 아이디어입니까?

미리 감사드립니다.

Answer 1

당신이 레이블을 사용하는 경우 당신이 원하는 방식으로 일할 수있는 것 같습니다 ... <input id="blah_2" type="radio" name="blah"><label for="blah_2"><img src="thumbdown.png"></label>

<input id="blah_1" type="radio" name="blah"><label for="blah_1"><img src="thumbup.png"></label>
... 그리고 그런 다음 당신은 그냥 숨기기 등 $('blah_1').addclass('thumbup_off');을 할 JQuery와 onchange를 사용 귀하의 의견을 (또는 적어도 그들을 화면 밖으로 이동). 여기

은 ... 다른 방법으로 그것을 할 몇 가지 솔루션입니다

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