Javascript 一次选择一个单选按钮

我正在尝试使用下面的css将样式添加到

Radio按钮

     <script type="text/javascript" src=""></script>

<style media="screen" type="text/css">

.sizes input[type=radio] {
    display:none;
    margin:10px;
    cursor: pointer;
}

.sizes input[type=radio] + label {
    display:inline-block;
    margin:-2px;
    padding: 2px;
    margin: 5px 5px 0 0;
    cursor: pointer;
    font-family: tahoma, arial;
    font-size: 0.9em;
}

.sizes input[type=radio]:checked + label {
  color: #be5559;
  cursor: pointer;
}

.sizes .checked {
  color: #be5559;
  cursor: pointer;
}

</style>  

<!--[if IE 8]>
 <script type="text/javascript">
  $(document).ready(function(){
   $(".sizes label").click(function() {
    $(".sizes label").removeClass("checked");
    $(this).addClass("checked");
   });
  });
 </script>
 <![endif]-->

</head>

.尺寸输入[类型=收音机]{
显示：无；
利润率：10px；
光标：指针；
}
.尺寸输入[类型=收音机]+标签{
显示：内联块；
保证金：-2px；
填充：2px；
保证金：5px5px0；
光标：指针；
字体系列：tahoma，arial；
字号：0.9em；
}
.尺寸输入[类型=收音机]：选中+标签{
颜色：#be5559；
光标：指针；
}
.尺寸.已检查{
颜色：#be5559；
光标：指针；
}

但问题是，如果在Mozilla中单击第一个按钮，第二个按钮也会被选中，而它在IE8中工作。我创建了一个

---

感谢您的帮助

您为标签的属性指定了错误的

。标签的

属性值应与其目标元素的id相同

例如

取消订阅

---

下面是修改后的JSFIDLE:

无效的匹配属性

id

和

for

。查看更新的我的小提琴，请立即检查它是否工作正常@RahilWazir感谢您的帮助在IE 8中，它一次只选择一个单选按钮，我的意思是，对于在IE 8中单击的span 1:或span 2:，它一次只选择一个单选按钮，我的意思是，对于span 1:或span 2:哪一个被点击过检查IE8中的小提琴。它给出了相同的结果吗？@sankrish在网上研究并得到了这样的答案：“虽然IE8理解相邻的兄弟选择器，但它不理解选中的伪元素，因此，不幸的是，您不能仅使用CSS使您的代码IE8友好。”谢谢@rohan。您可以看到，我是否可以使用

jquery

实现它

<input type="radio" id="radio4" name="radio" value="true">
<label for="radio4">Un-Subscribe</label>