I am developing a rating web page where user rates using star symbols. for each question there are 5 stars. when one selects stars for one question stars are selected but when moves to select stars for the another question the previous selection disappears. The code is fuctioning well but the problem is we can't see the stars selected . I am using the code below.
<ul class='star-rating'>
<li><a href='#' title='Select this 1 star out of 5' class='one-star' onclick='test".$i.".value=1';>1</a></li>
<li><a href='#' title='Select this 2 stars out of 5' class='two-stars' onclick='test".$i.".value=2';>2</a></li>
<li><a href='#' title='Select this 3 stars out of 5' class='three-stars' onclick='test".$i.".value=3';>3</a></li>
<li><a href='#' title='Select this 4 stars out of 5' class='four-stars' onclick='test".$i.".value=4';>4</a></li>
<li><a href='#' title='Select this 5 stars out of 5' class='five-stars' onclick='test".$i.".value=5';>5</a></li>
</ul>
can you help me by making stars selected for all the quesions? Problem is on the appearance only.
Thanks in advance.
KHA
