<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<label class="checkbox checkbox--size-m">
<span class="checkbox__box">
<input class="checkbox__control" type="checkbox" autocomplete="off">
</span>
<span class="checkbox__text">Коробка</span>
</label>
<script>
$(function() {
$(".checkbox__control").on("change", function(event) {
if(this.checked) $(this).closest(".checkbox").addClass('checkbox--checked');
else $(this).closest(".checkbox").removeClass('checkbox--checked');
});
});
</script>
</body>
</html>