Javascript 添加单选按钮标签的类别 0 2. 4. 6. 8.

Javascript 添加单选按钮标签的类别 0 2. 4. 6. 8.,javascript,jquery,Javascript,Jquery,我在drupal的“添加到购物车”表单中有这种单选按钮结构。我必须在单击的单选按钮标签(不在单选按钮上)上添加“活动”类,并从其他单击的单选按钮标签(不在单选按钮上)上删除“活动”类。请帮忙 谢谢 试试这个 $('input[type=radio]').click(function(){ $('label').removeClass('active'); $(this).next('label').addClass('active'); }); 试试这个 $('input[t

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

谢谢

试试这个

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

$('input[type=radio]').click(function(){
    $('label').removeClass('active');
    $(this).next('label').addClass('active');
});
纯CSS解决方案(如果只是为了样式化目的,则应适用于所有现代浏览器):纯CSS解决方案(如果只是为了样式化目的,则应适用于所有现代浏览器):
$(function() {
    $('.form-radio').on('click', function() {
        $('.form-radio').each(function() { 
             $(this).next().removeClass('active');
        });
        if($(this).is(':checked')) 
            $(this).next().addClass('active');
    });
});