При выделении нескольких предложений в форме с помощью чекбокса, по умолчанию в ГК это происходит неправильно.
Чекбокс — это множественное выделение элементов, а значит каждый отмеченный пункт, должен быть выделен, что не происходит при стандартной работе формы с предложениями.
Демонстрация работы: https://sedov.link/check-bag
Шаг 1.
Создать блок «форма» в нем указываем класс chek-bag
В форму добавляем несколько предложений, ставим галочку «чекбокс» и «показывать»
Шаг 2.
Ниже формы добавляем «блок JS» и помещаем в него данный код:
$('.chek-bag label input').click(function() {
var $label = $(this).parents('label');
$label.removeClass('active');
if ($(this).is(':checked')) {
$label.addClass('active');
}
});
Под блоком JS добавляем блок «код CSS» и помещаем в него данный код:
.chek-bag .form-position.active {
background: steelblue; /*добавляем фон отмеченному чекбоксу*/
color: white; /*цвет текста отмеченного чекбокса*/
}
.chek-bag .form-position {
padding: 10px 20px; /*внутренние отступы у предложений формы*/
border-radius: 9px;/*закругляем углы у предложений формы*/
}
Для оформления выделенного предложения вы можете прописать собственные стили CSS: (цвет фона, закругления углов, отступы, размеры шрифта, анимацию).
авторизуйтесь