Требуется выбор в теге SPAN

Question

У меня есть форму, где пользователю нужно выбрать рейтинг, выбрав количество звезд.

Звезды находятся в форме, где звезды реализованы с тегом span и ahref - каждая звезда имеет ahref-tag.

<form novalidate="" class="comment-form" id="commentform" method="post" action="http://example.com/example.php"> 
    <p class="star-rating-wrapper"> 
     <span class="star-rating-label">Din anmeldelse</span> 
     <span class="star-rating-stars"> 
      <a data-rating="5" href="" class="star-rating"></a> 
      <a data-rating="4" href="" class="star-rating"></a> 
      <a data-rating="3" href="" class="star-rating"></a> 
      <a data-rating="2" href="" class="star-rating"></a> 
      <a data-rating="1" href="" class="star-rating"></a> 
     </span> 
    </p> 
</form> 

Вопрос в том, как мне потребовалось выбрать одну из звезд, если это не поле ввода?

Answer 1

В вашем javascript, который реализует рейтинг звезд, вам также нужно установить что-то вроде скрытого ввода, который затем может быть проверен.

Answer 2

Установите переменную (validateStar) на false для булевой проверки. Добавьте onClick = "starClick()" к каждой из ваших звездных кнопок внутри диапазона и создайте функцию для звездочки(), чтобы установить значение validateStar равным true.

<script type="text/javascript"> 
var validateStar = false; 

function starClick() { 
    var validateStar = true; 
} 
</script> 

<span class="star-rating-stars"> 
    <a data-rating="5" href="" class="star-rating" onClick="starClick()"></a> 
    <a data-rating="4" href="" class="star-rating" onClick="starClick()"></a> 
    <a data-rating="3" href="" class="star-rating" onClick="starClick()"></a> 
    <a data-rating="2" href="" class="star-rating" onClick="starClick()"></a> 
    <a data-rating="1" href="" class="star-rating" onClick="starClick()"></a> 
</span> 

Как только вы это сделали, просто создайте проверку проверки, которая проверяет, является ли validateStar истинным или ложным.