@a_dmitrii

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

Привет.

Работает такой у меня скрипт, который ограничивает выбор двумя чекбоксами.
Есть необходимость сделать чтоб к примеру выбранный первый элемент имел один стиль, а второй выбранный другой.
Сейчас для всех элемнтов стоит такой стиль:
#product_54 .product-info input[type="checkbox"]:checked + label .img-r{.....


Вот сам скрипт:
<script>
$("#product_54 .form-group #input-option235 input").on("click", function() {

if($("#product_54 .form-group #input-option235 input:checked").length >= 2) { 
// Не больше 2-х checkbox
$("#product_54 .form-group #input-option235 input:not(:checked)").attr("disabled", true);

} else {
$("#product_54 .form-group #input-option235 input:disabled").attr("disabled", false);
}


});
</script>


Может кто еще подскажет как вывести ошибку при попытке выбрать третий элемент или лучше сбросить все выбранные до этого.

Спасибо!
  • Вопрос задан
  • 56 просмотров
Пригласить эксперта
Ответы на вопрос 1
arsenty
@arsenty
Full Stack Designer
Непонятно, какую проблему вы пытаетесь решить. В описанном интерфейсе никаких ошибок выводить не нужно. Нужно явно указать ваше ограничение текстом в заголовке группы элементов формы, и disabled (должно быть визуально заметно) для оставшихся, как у вас уже сделано. Опционально к этому, при попытке кликнуть на disabled-элемент можно включать его и отключать предыдущий выбранный.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы