javascript - 添加单选按钮标签的类

Question

<div class="form-radios" id="edit-attributes-1">
<div class="form-item form-type-radio form-item-attributes-1">
 <input type="radio" class="form-radio" value="1" name="attributes[1]" id="edit-attributes-1-1">  <label for="edit-attributes-1-1" class="option">0 </label>

</div>
<div class="form-item form-type-radio form-item-attributes-1">
 <input type="radio" class="form-radio" value="2" name="attributes[1]" id="edit-attributes-1-2">  <label for="edit-attributes-1-2" class="option">2 </label>

</div>
<div class="form-item form-type-radio form-item-attributes-1">
 <input type="radio" class="form-radio" value="3" name="attributes[1]" id="edit-attributes-1-3">  <label for="edit-attributes-1-3" class="option">4 </label>

</div>
<div class="form-item form-type-radio form-item-attributes-1">
 <input type="radio" class="form-radio" value="4" name="attributes[1]" id="edit-attributes-1-4">  <label for="edit-attributes-1-4" class="option">6 </label>

</div>
<div class="form-item form-type-radio form-item-attributes-1">
 <input type="radio" class="form-radio" value="5" name="attributes[1]" id="edit-attributes-1-5">  <label for="edit-attributes-1-5" class="option">8 </label>

</div>
</div>

我在 drupal 添加到购物车表单中有这种类型的单选按钮结构。我必须在单击的单选按钮的标签(不在单选按钮上)添加“事件”类，并从其他单击的单选按钮的标签(不在单选按钮上)中删除“事件”类 。请帮忙。

谢谢

Answer 1

$('input[type=radio]').click(function(){
    $('label').removeClass('active');
    $(this).next('label').addClass('active');
});

<强> jsFiddle example