使用jquery根据选择状态设置表单标签的样式？

我有一个带有单选按钮的表单，如

<label for="challenge" class="fat">Challenge 
    <input type="radio" name="create-what" value="challenge" id="challenge">
</label>
<label for="team" class="fat">Team 
    <input type="radio" name="create-what" value="team" id="team">
</label>

挑战
团队

显然，单击标签会选择收音机。我还需要根据单选按钮的选定状态更改标签的类别。因此，将“active”类添加到所选收音机的标签中，如果未选择收音机，则将其删除

---

我有很多这样的鞋子，所以我一直在寻找最轻便的方式。谢谢。

在jQuery中，通过监视

更改

事件并根据

选中的
状态切换类非常简单

$('input:radio').change(function(){

     $(this).parent().toggleClass('active', this.checked).siblings().removeClass('active');
});

toggleClass
允许第二个参数使用布尔值来确定是添加还是删除<代码>此。选中的
将为tru或false

如果您也需要在页面加载时运行此功能，只需在页面加载时触发
change
：

$('input:radio').change(function(){

     $(this).parent().toggleClass('active', this.checked).siblings().removeClass('active');
}).change();

见下文。它也是高亮显示，但不是“非”高亮显示。看啊，我在想一个复选框。。。更新了应答代码。确保所有无线组都有某种包装元素，以便两个组的标签不是同级标签。若包装器不可行，那个么可以基于name属性构建一个选择器，以查找组中执行此操作的其他人。谢谢我把每一双都放在一个场地里。应该可以了，不是吗？