星をクリックしたら表示を変更して[input type="hidden"]の値を設定できるサンプルです。 もうちょっと簡単に書けないかなぁ・・・ $(function() { //画像を置く場所がないのでテキストで代用しています。 // var star00 = '<img src="/staticfiles/image/star0.gif" alt="" width="24" height="24"/>'; var star00 = '☆'; // var star01 = '<img src="/staticfiles/image/star1.gif" alt="" width="24" height="24"/>'; var star01 = '★'; $("#wstar1").html(star01); $("#wstar2").html(star00); $("#wstar3")
![五つ星をクリックして段階評価するサンプル - jsdo.it - Share JavaScript, HTML5 and CSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/16d27c2145f7c4825feae8f755934eca0e676623/height=288;version=1;width=512/http%3A%2F%2Fjsdo-static-contents.s3.amazonaws.com%2Fimages%2Fcapture%2Fh%2FL%2FC%2FhLCW.jpg%3Ft%3D1321576730)