Задать вопрос
karavaiker
@karavaiker
html

Как скрыть строку таблицы с помощью checkbox без js?

<body>
    <input type="chekbox" checked>
    
    <table>
        <tr>
            <tr></tr>
            <tr></tr>
<!--            блок который нужно скрыть-->
            <tr class="hide block"></tr>
            <tr></tr>
            <tr></tr>
            <tr></tr>
        </tr>
    </table>
</body>
</html>
  • Вопрос задан
  • 1092 просмотра
1 комментарий
Подписаться 1 Оценить 1 комментарий
Решения вопроса 1
andykov
@andykov
Shit happens
Может вы имели ввиду на CSS без JS? 
input[type="checkbox"]:checked + table .hide {
   display: none;
}
/* или */
input[type="checkbox"]:checked ~ table .hide {
   display: none;
}
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Frontend Developer
Wanted. • Санкт-Петербург
До 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать поиск изображений на ElasticSearch
15 нояб. 2024, в 03:14
5000 руб./за проект
Заказ на 4 баннера для гемблинга
15 нояб. 2024, в 03:04
7000 руб./за проект
Голосовой браузерный ИИ ассистент
14 нояб. 2024, в 23:04
1500 руб./в час
Ещё заказы