Задать вопрос
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>
  • Вопрос задан
  • 1100 просмотров
1 комментарий
Подписаться 1 Оценить 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 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 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Web-разработчик
ЭНДИ Консалтинг
от 40 000 до 40 000 ₽
Ещё вакансии