Стилизация переключателя "radio"

47

lazio

18 октября 2007, 21:26

1358

Господа, возник вопрос, можно ли сделать средствами html+css вместо стандартной точечки, например квадрат с галочкой? Java приемлима но не желательна :)

Спасибо.

COMFI - Начни Зарабатывать! (http://affiliate.comfi.ru/a2/466735/Program-Overview)

44

kagux

18 октября 2007, 21:58

#1

Квадрат с галочкой - это чекбокс. Имитацию поведения радиобаттона придется на яваскрипте писать, но там делов на пару строчек.

47

lazio

18 октября 2007, 22:18

#2

может не совем удачное сравнение привел, нужен не чекбокс, а полностью рисованый элемент... ну скажем строку поиска мы можем стилизовать, поменять фон, форму и т.д, а вот с radio не знаю, возможно ли это=)

25

Vitо

18 октября 2007, 23:15

#3

Тут только яваскриптом можно.

1. Делаете 2 картинки для активной радио-кнопки и наоборот

2. По клику на картинку в hidden поле записывайте 0 или 1 (2 или 3, 4 или 5) для каждой пары.

(onclick="if ((document.getElementById('...').value=='0') {document.getElementById('...').value='1'"} else {document.getElementById('...').value=='0'}"

Это навскидку...

Онлайн школа покера (http://www.pokermoscow.ru/school/)

Упал доход Галлерея в записях WP Новая модель монетизации для

69

Kolyaj

19 октября 2007, 06:21

#4

Vitо:
if ((document.getElementById('...').value=='0') {document.getElementById('...').value='1'"} else {document.getElementById('...').value=='0'}

Ну это можно записать намного проще (используя булевые значения, можно конечно и цифровые подобным образом)

document.getElementById('radio').value = !document.getElementById('hidden').value

Во-вторых, зачем создавать поле hidden для хранения значения? Палю тему, в JavaScript есть переменные.

В-третьих, переменная вообще не нужна, т.к. у radio есть свойство checked.

Ну и в-четвертых, ваш код вообще бесполезен, т.к. радио-контролы, как правило, работают в группах, и нужна какая-то структура, которая будет ими управлять, т.к. каждый контрол ничего не знает про остальных, которые от него зависят. Да и вообще ваш код реализует поведение чекбокса (радио выключить нельзя повторным нажатием).

209

Ayavryk

19 октября 2007, 06:35

#5

http://www.chriserwin.com/scripts/crir/

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/

47

lazio

19 октября 2007, 08:05

#6

Все спасибо за ответы!

79

dRiveR.dLL

19 октября 2007, 12:23

#7

Позаботьтесь о людях с отключенными картинками. Предоставьте им альтернативу.

Как снизить ДРР до 4,38% и повысить продажи с помощью VK Рекламы

Open AI тестирует память для ChatGPT