单选按钮 - 初始检查，然后单击检查

Question

我有几个单选按钮，我正在添加一个类，单击时会将突出显示的背景应用于项目标签。

现在我让它工作，如果人们点击收音机，它会突出显示该标签。我希望它也能在页面加载时突出显示。

如果选择了该收音机，有没有办法在页面加载时突出显示标签？

$('.subscription-option input').click(function() {
    $('label').removeClass("highlight-this");
    if($(this).is(':checked')) {
        $(this).parent().addClass('highlight-this');
    } 
});

页： https://www.solonutrition.com/product/dark-chocolate-mandarin/

Answer 1

尝试不同的方法：

var paintLabel = function paintLabel()
{
  $('label').removeClass("highlight-this");
  $('input:checked').parent().addClass('highlight-this');
};
$('input').click(paintLabel);
paintLabel();

.highlight-this {
  background-color: #aa0
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label>
  <input type="radio" name="rdb"> Rdb1
</label>
<label>
  <input type="radio" name="rdb" checked="checked"> Rdb2
</label>
<label>
  <input type="radio" name="rdb"> Rdb3
</label>