五星评价

利用radio同一个name点击其中一个选中别的都不被选中的单选的属性来代替js, 采用纯css控制( input[checked=”check”]~input{…} )

    input{
            display: inline-block;
            width: 20px;
            height: 20px;
            background-color: yellow;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }
        input:checked~input{
            background-color: lightblue;
        }
            

<div id="radioBox">
    <input type="radio" name="star">
    <input type="radio" name="star">
    <input type="radio" name="star">
    <input type="radio" name="star">
    <input type="radio" name="star">
</div>