Interactive Rating

Community feedback

• 

  Adam Wozniak•230

  @adamwozherePosted over 2 years ago

  Hi,

  You might find it easier to use a set of radio buttons within your form; you can hide the actual input with CSS then style the label to look like the buttons as in the design. It also makes accessing the data in JS very easy:

  <input type="radio" name="rating" value="1" id="rating-1">
  <label for="rating-1">1</label>
  
  // JavaScript
  let selectedRating = form.rating.value;
  

  Hope this helps :)

  Marked as helpful

  1

  ---

  

  TsuneWeb•260

  @TSune-webPosted over 2 years ago

  Thank you, @adamwozhere!

  That was one of the parts that I wasn't sure how to implement! Your advice looks neat and makes more sense. I'll definitely try that approach.

  That really helps! Thank you!!

  1

  

  Adam Wozniak•230

  @adamwozherePosted over 2 years ago

  @TSune-web you're welcome :)

  0