Demo1(input type is text)



Demo2(input type is hidden)



Demo3(function response)



Help

Step1:include css and js files.

<script type="text/javascript" src="Jquery-simple-rating-system-with-small-stars_files/jquery.js"></script>
<link href="Jquery-simple-rating-system-with-small-stars_files/rating_simple.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="Jquery-simple-rating-system-with-small-stars_files/rating_simple.js"></script>

Step2:create textbox input or hidden input.

<input name="my_input" value="3" id="rating_simple" type="text"> or <input name="my_input" value="3" id="rating_simple" type="hidden">

Step3:add script.

<script language="javascript" type="text/javascript">
$(function() {
$("#rating_simple").webwidget_rating_simple({
rating_star_length: '5',
rating_initial_value: '',
rating_function_name: '',
directory: 'Jquery-simple-rating-system-with-small-stars_files/'
});
});
</script>

parameter explanatory

rating_star_length: The star count
rating_initial_value: The initial value
rating_function_name: Function name response to click
directory: Star image directory