Как при выборе checkbox добавить class его label?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

$(document).ready(function(){
   $("input[type='checkbox']").change(function() {
        var checkbox = $(this);
        var label = checkbox.next();
        if (checkbox.prop("checked")) {
            label.addClass("checked");
        } else {
            label.removeClass("checked");
        }
    });
});

1
2

Checkbox label

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

<input type="checkbox" id="myCheckbox">
<label for="myCheckbox" id="myLabel">Checkbox label</label>

<script>
    const checkbox = document.getElementById("myCheckbox");
    const label = document.getElementById("myLabel");

    checkbox.addEventListener("change", function() {
        if (checkbox.checked) {
            label.classList.add("checked");
        } else {
            label.classList.remove("checked");
        }
    });
</script>