Радио сливается с лейблом?

Question

Я хочу После щелчка по радио,
Радио выбрало, что цвет фона - желтый, с надписью фона, с использованием css3?себя: http://jsfiddle.net/DVJmS/8/
Пример пользовательского интерфейса: http://jqueryui.com/demos/button/radio.html -> я не хочу использовать плагин, это только пример.

С уважением

Answer 1

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

$('input:radio').click(
    function(){
        $('label.checked').removeClass('checked');
        var labelFor = this.id;
        $('label[for="' + labelFor + '"]').addClass('checked');
    });

С помощью CSS:

label {
    padding: 0.2em 0.5em;
    border: 1px solid #ccc;
    cursor: pointer;
}
label.checked {
    background-color: #ffa;
    font-weight: bold;
}
input[type=radio] {
    display: none;
}

JS Fiddleдемо .

Пересмотрено Демонстрация JS Fiddle , только для небольшой добавленной привлекательности.