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

由于

Answer 1

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

<强> jsFiddle example

Answer 2

试试这个

$(function() {
    $('.form-radio').on('click', function() {
        $('.form-radio').each(function() { 
             $(this).next().removeClass('active');
        });
        if($(this).is(':checked')) 
            $(this).next().addClass('active');
    });
});

添加单选按钮标签

2 个答案: