如果选中复选框，则将类添加到其标签中

Question

如果已选中复选框，我正在尝试将类添加到复选框标签。 我正在使用jQuery每个函数执行此操作，但是当我刷新页面时，它会向所有复选框标签添加类。

$('label.checkbox').each(function() {
if ($('.checkbox input[type="checkbox"]').is(':checked')) {
    $('label.checkbox').addClass('checked');
}
});

HTML

    <label class="checkbox">
        <span>Title</span>
        <input type="checkbox" checked="checked" name="" />
    </label>

Answer 1

使用jQuery :checked选择器，您可以选择所有选中的输入元素，然后将该类添加到父标签元素。不需要循环。

$('input:checked').parent('label').addClass('checked');

Example Here