Как сделать checkbox не активным при выборе значения select?

Question

[Виктор петров]

Здравствуйте, как реализовать с помощью JS что бы при выборе размера из select из checkbox размер М стал не активен

<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>

Comments

[Сергей Соколов]

Перечитайте вопрос, как будто вообще не в курсе вашей задачи.
Какой чекбокс должен отключать опцию размера М ?

В общем решение – слушать события изменения инпута и в слушателе изменять доступность опций.

Answer 1

[Сергей Миллер]

Не совсем понятно написан вопрос.

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

});