This is an easy to use rating control. It takes a normal select box, and turns it into a rating that your users can click on. The select box is preserved so you can still bind on change, get, and set the value in the rating control. The image is controlled with CSS and a simple gif, so you can make it look like anything you need.
This control works with AJAX and $.serialize() as well as my own $.serializeForm() plugin.

Turns this:

<select class="rating">
<option value="0">Did not like</option>
<option value="1">Ok</option>
<option value="2" selected="selected">Liked</option>
<option value="3">Loved!</option>
</select>

Into a Rating Control with 4 stars.

Plugin is simple, but bundled with several cool features, it sends rating to a scrip via jQuery ajax call, and updates value on stars depending on current rate.
All you need to do is create your own stars or other images you want to use, and you are ready to go.

Usage:

Please visit project's homepage or download zip for detailed instructions and examples.


All options you can override (default values):

• basicImage : 'star.gif', //can be subdir like 'images/star.gif'
• ratedImage : 'star_rated.gif',
• hoverImage : 'star_hover.gif',
• ratingStars : 5, //how much stars to draw

The existing rating plugins does not work as user expected. Big problem with these plugins when you rate some content, you can vote over and over again. But when you vote, it should be disabled and can not let to vote again.

Plugin Features

It works both "five star rating" and "one star add to favorite" ui. When you click one of stars it post ($.post) the data to given url with "vote" parameter.

Easy Way Of Usage

Above code will crate five star ui with marked four star. When you click the one of the stars, it post the its value to data.php.

Full List Of Option Parameters

Explanation of parameters

Sexy Vote is a jQuery plugin that allows you to easily embed voting system on your web site. The only thing you should do is to write $("#vote").sexyVote() or something like this, and the rest of work will be done for you! Ah yes, you should also write callback function that will respond to user's voting (it will probably handle saving the vote on the server via AJAX request), but it's quite easy to write it. You can also configure plugin to customize its appearance. If you will like this plugin, please vote for it! :)

The Star Rating widget is a plugin for the jQuery javascript library that creates a non-obstrusive star rating control based on a set of radio input boxes or select options.

It gives you the full access to each instance of "stars" created on the page, with an easy to use syntax provided by the jQuery UI core library.

IMPORTANT: This project will not be maintained on this system. Please visit the official website for the latest download files and support:
http://www.fyneworks.com/jquery/star-rating/

Downgradable star-rating plugin - turns standard radios buttons into a star rating control, work with multiple controls per page.