Здравствуйте. Помогите подалуйста реализовать нажатие radio button при клике на select без использования JS с помощью css и html? структура: HTML: <label> <div id="block"> <input type="radio"> <select> <option">name</option> </select> </div> </label>
Думаю, без JS, средствами только CSS (стилизация элементов) и HTML (разметка элементов), изменять состояние других элементов документа при интерактивном взаимодействии пользователя с одними - не выйдет. JS ведь для этого и был придуман: HTML: <select onclick="document.querySelector('div#block input').checked = true">
Единственный способ связать элементы разных типов без использования JavaScript это использование элементов формы, таких как label и input с типом checkbox. В этом случае, можно связать элементы с помощью атрибута for у элемента label и идентификатора элемента input. HTML: <style> #radioButton { display: none; } #radioButton:checked + #block select { /* стили для выбранного select */ } </style> <label for="radioButton"> <div id="block"> <input id="radioButton" type="radio"> <select> <option>name</option> </select> </div> </label>
Вообще, думаю, дабы сконцентрировать больше входных данных по вопросу, действительно стоит отметить, что в CSS можно использовать так называемые псевдоклассы для стилизации элементов в зависимости от их состояния. И в частности использовать скрытые чекбоксы как альтернативу прослушивания события "click" в js (удобно для всякого рода всплывающих менюшек по нажатию на элемент, и с сочетанием свойства transition для плавной анимации). Но как ведь изменить состояние переключателя "<input type="radio">" на "checked" через псевдоклассы?! Ведь даже если повесить на элемент "option" псевдокласс ":checked", то максимум я смогу изменить только стилизацию у radio-переключателя. Хотя может в css и есть какие-то лайфхаки, с помощью которых можно добиться такого результата... Может даже с помощью тех же пре- постпроцессоров... В общем, я тут не претендую на исчерпывающую информацию в последней инстанции, и мне также было бы интересно, есть ли такие Гуру, которые овладели подобным Дзеном и смогут снизойти со своих высот, для пояснения истины нам - неискушенным неофитам.