Question

I have a around 8 jQuery star rating in my page:

<input class= "auto-submit-star" name="star2" type="radio" class="star"/>
<input class= "auto-submit-star" name="star2" type="radio" class="star"/>
<input class= "auto-submit-star" name="star2" type="radio" class="star" checked="checked"/>
<input class= "auto-submit-star" name="star2" type="radio" class="star"/>
<input class= "auto-submit-star" name="star2" type="radio" class="star"/>

What I want to do is that when a user clicks on the rating, it does a post back to the database (MySQL) and update some data. I know there is a callback function for this star rating that looks something like this:

$('.auto-submit-star').rating({
    callback: function(value, link){
        $.post("ajax.php", {name: unknown, val: value});
    }
})

The question is that in this callback function, how do I get the name. Which is star2 in the example above? Can someone also give me an example of a doing a post

;

Answer 1

To get an attribute of the clicked element you want to use the .attr(string) function.

$('.auto-submit-star').rating({
    callback: function(value, link){
        $.post("ajax.php", {name: unknown, val: $(this).attr('name')});
    }
})

EDIT: I didn’t realize the value was provided as a callback param.