1

Нужно чтобы когда один чекбокс был в состоянии checked, три других были в таком же состоянии, как и первый.

var uhChbox = document.getElementById('uh-burger');
var otherChbox = $('.oth-check');
function btnsFun() {
    if (uhChbox.checked) {
        otherChbox.checked;
    }
    else {
        otherChbox.checked = false;
    }
}

Как правильно это сделать?

1 ответ 1

1

При изменении состояния первого чекбокса нужно дублировать его состояние на остальные чекбоксы.
Для этого можно в обработчике события change для #uh-burger всем чекбоксам .oth-check проставлять в качестве значения свойства checked оное от #uh-burger:

$("#uh-burger").on("change", function() {
  $(".oth-check").prop("checked", this.checked);
});
<input type="checkbox" id="uh-burger" />
<input type="checkbox" class="oth-check" />
<input type="checkbox" class="oth-check" />
<input type="checkbox" class="oth-check" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

1
  • 1
    А можно коварным и невалидным, но работающим способом: задать всем связанным чекбоксам один и тот же ID. Правда, при этом связывание будет двустороннее, но автор не упомянул, что это недопустимо ;) 23 мар 2018 в 17:08

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.