JSFiddle - React, Tailwind, and code Playground

by spinal007

HTML

<script src="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.pack.js"></script>
<link rel="stylesheet" href="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.css">
This star rating was initialized automatically and has the default configuration (no callbacks):
<br/>
<input class="star" type="radio" name="default-rating" value="1"/>
<input class="star" type="radio" name="default-rating" value="2"/>
<input class="star" type="radio" name="default-rating" value="3"/>
<input class="star" type="radio" name="default-rating" value="4"/>
<input class="star" type="radio" name="default-rating" value="5"/>

<br/><br/>

This star rating was initialized by my own code and has a simple callback function:
<br/>
<input class="my-stars" type="radio" name="my-rating" value="1"/>
<input class="my-stars" type="radio" name="my-rating" value="2"/>
<input class="my-stars" type="radio" name="my-rating" value="3"/>
<input class="my-stars" type="radio" name="my-rating" value="4"/>
<input class="my-stars" type="radio" name="my-rating" value="5"/>

JavaScript

$('input.my-stars').rating({
    callback:function(value){
        alert('this is the callback function you defined. value='+value)
    }}
);