использование скрипта в стилизации checkbox

[djan]

Собственно вот код при помощи которого надо сделать стилизацию checkbox  http://codepen.io/djan/pen/gLter

примерно как должно выглядеть http://i6.pixs.ru/storage/2/3/7/oplatapng_6746606_13392237.png

Какие классы должны стоять в input'ax и span для корректной стилизации?

[npofopr]

Там даже названия "fake-radio-label" говорящие

Edited August 13, 2014 by npofopr

[afdw]

http://jsfiddle.net/bnxv50qg/

[djan]

Там даже названия "fake-radio-label" говорящие

Хорошо. А как этот label привязать к input'y в моём случае?

http://jsfiddle.net/bnxv50qg/

Спасибо, похожую реализацию на css  я уже видел. Тут надо с помощью jquery

Edited August 13, 2014 by djan

[afdw]

 

http://jsfiddle.net/bnxv50qg/

Спасибо, похожую реализацию на css  я уже видел. Тут надо с помощью jquery

На jquery работайте как с обычным радио.

 

Edited August 13, 2014 by afdw

[Great Rash]

Ваш вопрос разрывает все шаблоны у меня в голове...

Во-первых, у вас не чекбоксы, а радиобаттоны.

Во-вторых, вы пишете "использование скрипта в стилизации", но при этом спрашиваете "какие классы должны стоять в input'ax и span для корректной стилизации".

Вы уж определитесь, что вам надо: checkbox или radio, классы или скрипты.

[djan]

Ваш вопрос разрывает все шаблоны у меня в голове...

Во-первых, у вас не чекбоксы, а радиобаттоны.

Во-вторых, вы пишете "использование скрипта в стилизации", но при этом спрашиваете "какие классы должны стоять в input'ax и span для корректной стилизации".

Вы уж определитесь, что вам надо: checkbox или radio, классы или скрипты.

Действительно, немного запутался.

При переключении радиобаттонов (см скрине) блоку должен задаваться класс (при помощи jquery)