<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.checkbox--checked {
background-color: #FF0000;
}
</style>
<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").on("change", function(event) {
$(this).toggleClass('checkbox--checked');
});
});
</script>
</body>
</html>