如何在页面加载时使用jQuery自动设置4.5星默认评分

实现方案 #

你的星级组件的高亮逻辑是通过单选框的:checked伪类匹配后续兄弟label实现的，所以只需要在页面加载完成后，将对应4.5星的单选框设置为选中状态即可触发预设的高亮样式。

首先确保你的页面已经提前引入jQuery库，之后添加如下代码即可：

// 等待DOM加载完成后执行逻辑
$(function() {
  // 选中4.5星对应的单选框，激活对应样式
  $('#star4half').prop('checked', true);
});

补充说明 #

• 这里使用prop()方法修改选中状态而非attr()，是因为prop操作的是元素的动态实际属性，更适合修改表单的选中、禁用这类状态，能保证样式正确触发。
• 如果你的页面有多个评分组件，可以修改选择器精准匹配对应组件下的#star4half元素即可。

内容的提问来源于stack exchange，提问作者Gony