利用伪元素、:checked、~兄弟选择器实现5星评分
效果如下:
![](wp-content/uploads/2022/05/star-rating.gif)
关键代码:
rate.value=parseInt(Array.from(document.querySelectorAll(`input[name='rating']`)).filter(e=>e.checked)[0].value)
详情请看:演示。
效果如下:
关键代码:
rate.value=parseInt(Array.from(document.querySelectorAll(`input[name='rating']`)).filter(e=>e.checked)[0].value)
详情请看:演示。