Есть группа переключателей, которые окрашиваются в темно-серый цвет при выборе переключателя
:check.
Все работает хорошо до тех пор пока отправки формы на странице заполнена правильно, но, как только в ней допущена ошибка и страница перезагружается с уведомлением об ошибке, группа переключателей перестает окрашиваться в темно-серый цвет при выборе переключателя.
Как это можно исправить?
Код:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
jQuery.noConflict();
jQuery(document).ready(function($) {
let className = 'label-active';
let $inputs_time = $('#order_time_field input[type=radio]');
$inputs_time.change(function(ev) {
$inputs_time.parent('label').removeClass(className);
$(this).parent('label').addClass(className);
});
});
</script>
<style type="text/css">
.form-row label.label-active {
background-color: #e4e4e4;
}
</style>
<div data-priority="20" class="form-row form-row-wide" id="order_time_field">
<fieldset>
<legend>Время доставки</legend><label><input type="radio" name="order_time" value="Ближайшее"> Ближайшее</label><label><input type="radio" name="order_time" value="К определенному времени"> К определенному времени</label></fieldset>
</div>