Как Показать/скрыть элемент при клике на checkbox при помощи data-*атрибутов?

Доброго времени суток друзья. У меня есть много div элементов с одинаковым классом, я хочу их сортировать (показывать / скрывать) с помощью checkbox по нескольким параметрам. Подскажите пожалуйста пример с data-*атрибутами, хочу сделать data-атрибуты: data-price, data-type, чтобы при нажатии на checkbox отображались определенные div элементы, соответствующие параметрам атрибутов. Подскажите пожалуйста пример, как реализовать это.

Вариант с уникальным id такой, но мне не подходит, так как у меня много одинаковых элементов.
<input type='checkbox' onchange="document.getElementById('old_name').style.display = this.checked ? 'block' : 'none'" />ранее менялась<br />
<input type='text' class="old" id="old_name" style="display: none; " />


Заранее большое спасибо Вам.
  • Вопрос задан
  • 1677 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Atlllantis
input[type='checkbox']:not(:checked) + input { display: none; }
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы
20 нояб. 2024, в 18:14
5000 руб./за проект
20 нояб. 2024, в 17:49
5000 руб./за проект
20 нояб. 2024, в 17:34
20000 руб./за проект