jQuery star rating plugin

This great jQuery star rating plugin converts a number input to a star rating widget using Bootstrap 3 styles and glyphs. Touch devices supported!

jQuery star rating plugin

A simple but powerful jQuery star rating plugin for Bootstrap which supports advanced features like fractional star fill and RTL input support.

Developed with a focus on utilizing pure CSS-3 styling to render the control. The plugin uses Bootstrap markup and styling by default, but it can be overridden with any other CSS markup.

Really a lot of good job done – see the changelog.

jQuery star rating plugin
jQuery star rating + bootstrap

Key features

– Convert any HTML input to a star rating control

– The plugin automatically converts an input to a star rating control if you set its class = rating. All options to the input can be passed as HTML5 data attributes

– Involves pure CSS3 styling of the stars. Say goodbye to image sprites or playing with image backgrounds. Offers clean scalable vector icons for consistent display across devices

– Use any of your favorite font icon frameworks to render your star symbols (for example you can easily use the icons from the FontAwesome library)

– Specifically uses Bootstrap 3.x styles & glyphs. Can be combined to work better for Bootstrap styled projects (or input group add-ons)

– Ability to clear values and options for the stars. Control where the clear button element can be shown

– Reset star rating to the initial value when the form is reset

– Ability to control and display caption of the selected stars. Each rated star can have its own caption. Control where the caption element can be shown

– Ability to size the rating control including the stars, caption, and clear button

– Support for RIGHT TO LEFT (RTL) input. Automatically changes star styling for RTL

– Disabled and readonly input star rating support

– Change stars and caption on mouse hover (new feature since v3.0.0)

And more. So many options so easy to use.

Demos:

http://plugins.krajee.com/star-rating/demo

GitHub:

https://github.com/kartik-v/bootstrap-star-rating

Enjoy!