收音机与标签合并？

Question

我想点击收音机后，
无线电选择那个背景颜色是黄色放背景标签，使用css3？（如果可能使用CSS，否则使用jQuery）

我自己的例子：http://jsfiddle.net/DVJmS/8/
ui的示例：http://jqueryui.com/demos/button/radio.html - ＆gt;我不想使用插件这只是一个例子。

尊重

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 demo

修订JS Fiddle demo，只是为了增加一点美感。