How to get value in Star rating, jQuery

Question

I am using the star rating from this site : link But I can't seem to figure out how to get the rating from my radio buttons. I just need to display it in the console.log, the rest I can manage.

When the third is selected it looks like this:

HTML

If any more information is required, please ask, new to this.

score 1 · Accepted Answer · answered May 04 '15 at 07:49

Get number of stars with the selected class .star-rating-on:

var rating = $('.star-rating-control .star-rating-on').length;

If there are more than one set of rating controls, please use a different parent selector, like article or .post:

$('article').each(function() {
    var rating = $(this).find('.star-rating-control .star-rating-on').length;
    // Do something...
}

score 1 · Answer 2 · answered May 04 '15 at 07:50

1

Please use following code to get the value of rating:

$('.auto-submit-star').rating({ callback: function(value, link){ alert(value); } });

Replace .auto-submit-star with your selector

answered May 04 '15 at 07:50

Aftab Muni

161
1
8

this works only when you click the star so doesn't answer the question – krzysiej May 04 '15 at 07:56
Oh yes u r right... This will work when you click on it. – Aftab Muni May 04 '15 at 07:57

score 0 · Answer 3 · answered May 04 '15 at 08:00

The simple way is

Create a form. Form will help you to post rating data.
inside form create radio buttons as per your need.
Call javascript api to change radio buttons into stars.
There are 2 ways to get data from rating a. submit a form and get result using $_POST or $_GET or $_REQUEST b. Use ajax

Note:- This plugin return selected radio button value.

How to get value in Star rating, jQuery

3 Answers3