1 
<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 添加到购物车表单中具有这种类型的单选按钮结构。我必须在单击的单选按钮标签（不在单选按钮上）上添加“活动”类，并从其他单击的单选按钮标签（不在单选按钮上）中删除“活动”类。请帮忙。

谢谢

4

2 回答 2

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

jsFiddle 示例

于 2013-04-28T02:33:38.473 回答
0

尝试这个

$(function() {
    $('.form-radio').on('click', function() {
        $('.form-radio').each(function() { 
             $(this).next().removeClass('active');
        });
        if($(this).is(':checked')) 
            $(this).next().addClass('active');
    });
});
于 2013-04-28T02:47:40.423 回答