Подскажите по RADIO кнопкам

[postoianniy]

Никак не могу найти как сделать тег radio кнопкой.

 

Пример можно глянуть здесь - http://templates.tricyclelabs.com/adminica/form_contact.php (внизу выборка Priority либо regular либо urgent)

 

подозреваю что сделано с помощью js.

 

интересуют ссылочки на уроки или готовые решения как реализовать такое же. спасибо

[npofopr]

Эм.

А Гугл: https://www.google.com/search?q=%D1%81%D1%82%D0%B8%D0%BB%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F+radio+%D0%BA%D0%BD%D0%BE%D0%BF%D0%BE%D0%BA&ie=utf-8&oe=utf-8&aq=t ?

Или codepen http://codepen.io/search?q=radio&limit=all&depth=everything&show_forks=false

[Int]

На приведённом сайте они не radio, погляди код, там span обычные. Потому и глючат. Начинаешь поочерёдно их переключать и в один момент они становятся оба не выделенные.

[rus]

На приведённом сайте они не radio, погляди код, там span обычные. Потому и глючат. Начинаешь поочерёдно их переключать и в один момент они становятся оба не выделенные.

да не, там радио, просто хидден стоит.

т.с. в нете полно примеров, ищите.

[Николя223]

Обычный тумблер можно и с радио объеденить, но нафиг. лучше просто hidden

[postoianniy]

Эм.

А Гугл: https://www.google.com/search?q=%D1%81%D1%82%D0%B8%D0%BB%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F+radio+%D0%BA%D0%BD%D0%BE%D0%BF%D0%BE%D0%BA&ie=utf-8&oe=utf-8&aq=t ?

Или codepen http://codepen.io/search?q=radio&limit=all&depth=everything&show_forks=false

спасибо за codepen, не знал о таком. нашёл то что нужно.

Edited May 21, 2014 by postoianniy

[SelenIT]

но нафиг. лучше просто hidden

Это почему? Радиокнопки автоматом дают изящную деградацию для ископаемых, не понимающих модных стилей и этих ваших псевдоклассов :checked. А с hidden что делать, пустоту созерцать и дзен постигать?

[Николя223]

и этих ваших псевдоклассов :checked

они не мои) я их не использую

 

Ну как почему. Радиокнопки - это Радиокнопки, они нужны там, где они нужны)) а делать из них единственного спасителя - не правильно

 

 

 

А с hidden что делать, пустоту созерцать и дзен постигать?

О какой пустоте идет речь? Моя концепция виденья считает наиболее приемлимым написание обычного тумблера любой сложности, в замен узкоспециализированых радио. Причем при использовании JS деградировать будет только форма, но не наполнение 

Edited May 22, 2014 by Николя223

[SelenIT]

Радиокнопки - это Радиокнопки, они нужны там, где они нужны)) а делать из них единственного спасителя - не правильно

Полностью согласен. Сам противник «(аккордеонов|табов|попапов|whatever) на чистом CSS™» через скрытые инпуты и :checked ~ что-то. Но переключатель на два состояния, одно из которых выбрано по умолчанию — на мой взгляд, более чем уместный сценарий для пары радиокнопок, и придание такой паре модного стиля с сохранением штатной функциональности — самое что ни на есть использование CSS по назначению.

 

Причем при использовании JS деградировать будет только форма, но не наполнение

Т.е. форма без JS вообще работать не будет? По-моему, такая деградация плохо вяжется с эпитетом «изящная»...

[Николя223]

Т.е. форма без JS вообще работать не будет? По-моему, такая деградация плохо вяжется с эпитетом «изящная»...

Во многих случаях я вообще формы не использую

Собираю данные и отправляю аяксом.

В этих случаях, если использовать формы и отправлять их яваскриптом, то при отключении JS - рушиться вся логика, придется "изящно деградировать")) весь материал на нескольких страницах. Помоему - слишком много чести)), особенно если нет расчета на оптимизацию при отсутствии JS.

пользователь должен  сам понимать, что при отключении JS/использовании браузеров типа тор, с отключенным JS - он может столкнуться с не рабочими ситуациями))

Много сайтов вообще на JS формируются...

 

 плохо  вяжется с эпитетом «изящная»...

 

ок))) назовем это  "не изящная деградация")))