How to make a checkbox inactive when a select value is selected?

Question

JavaScript

Hello, how to implement using JS so that when choosing a size from the select from the checkbox, the M size becomes inactive

<select name="selectsize" id="" class="modal-select" required>
                <option selected disabled value="">Выберите размер</option>
                <option value="S">S</option>
                <option value="M">M</option>
                <option value="L">L</option>
                <option value="XL">XL</option>
              </select>

<div class="modal-checkbox">
                <label><input type="checkbox" name="selectcolor[]" value="Черный">Черный</label></br>
                <label><input type="checkbox" name="selectcolor[]" value="Красный">Красный</label></br>
                <label><input type="checkbox" name="selectcolor[]" value="Розовый">Розовый</label></br>
                <label><input type="checkbox" name="selectcolor[]" value="Леопард">Леопард</label></br>
              </div>

Answer 1

The question is not very clear.

$('select').on('change', function(){
if($(this).val() == 'какой-то размер'){
$('.checkbox').prop('checked', false);
}

});